Skip to content
This repository was archived by the owner on Feb 23, 2024. It is now read-only.

Commit a58aa3d

Browse files
albarinalbarin
authored
[CYS Woo Express] Update large footer (#11413)
* Update large footer * Update space between icons * Remove with from site logo
1 parent 76724ba commit a58aa3d

File tree

1 file changed

+48
-64
lines changed

1 file changed

+48
-64
lines changed

‎patterns/footer-large.php‎

Lines changed: 48 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -7,96 +7,80 @@
77
*/
88
?>
99

10-
<!-- wp:group {"className":"wc-blocks-footer-pattern","align":"full","style":{"spacing":{"padding":{"top":"32px","right":"4%","bottom":"32px","left":"4%"},"blockGap":"40px"}}} -->
11-
<div class="wc-blocks-footer-pattern wp-block-group alignfull" style="padding-top:32px;padding-right:4%;padding-bottom:32px;padding-left:4%">
12-
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"16px"}}} -->
13-
<div class="wp-block-columns alignwide">
10+
<!-- wp:group {"className":"wc-blocks-footer-pattern","align":"full","style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"},"blockGap":"40px"}}} -->
11+
<div class="wc-blocks-footer-pattern wp-block-group alignfull" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px">
12+
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"32px","padding":{"right":"0px","left":"0px"}}}} -->
13+
<div class="wp-block-columns alignwide" style="padding-right:0px;padding-left:0px">
1414
<!-- wp:column {"width":"60%","style":{"spacing":{"padding":{"right":"50px"}}}} -->
1515
<div class="wp-block-column" style="padding-right:50px;flex-basis:60%">
1616
<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
1717
<div class="wp-block-group">
18-
<!-- wp:site-logo {"width":78} /-->
18+
<!-- wp:site-logo /-->
1919

20-
<!-- wp:spacer {"height":"30px"} -->
21-
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
22-
<!-- /wp:spacer -->
20+
<!-- wp:group {"style":{"spacing":{"margin":{"top":"40px","bottom":"40px"},"blockGap":"12px"}},"layout":{"type":"constrained"}} -->
21+
<div class="wp-block-group" style="margin-top:40px;margin-bottom:40px">
22+
<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"none"}}} -->
23+
<h5 class="wp-block-heading" style="text-transform:none"><?php esc_html_e( 'Join the community', 'woo-gutenberg-products-block' ); ?></h5>
24+
<!-- /wp:heading -->
2325

24-
<!-- wp:heading {"level":5} -->
25-
<h5><?php esc_html_e( 'Join the community', 'woo-gutenberg-products-block' ); ?></h5>
26-
<!-- /wp:heading -->
26+
<!-- wp:paragraph -->
27+
<p><?php esc_html_e( 'Learn about new products and discounts', 'woo-gutenberg-products-block' ); ?></p>
28+
<!-- /wp:paragraph -->
29+
</div>
30+
<!-- /wp:group -->
2731

28-
<!-- wp:paragraph -->
29-
<p><?php esc_html_e( 'Learn about new products and discounts!', 'woo-gutenberg-products-block' ); ?></p>
30-
<!-- /wp:paragraph -->
31-
32-
<!-- wp:spacer {"height":"20px"} -->
33-
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
34-
<!-- /wp:spacer -->
32+
<!-- wp:social-links {"size":"has-small-icon-size","style":{"spacing":{"blockGap":{"left":"16px"}}},"className":"is-style-logos-only"} -->
33+
<ul class="wp-block-social-links has-small-icon-size is-style-logos-only">
34+
<!-- wp:social-link {"url":"https://www.facebook.com","service":"facebook"} /-->
35+
<!-- wp:social-link {"url":"https://www.twitter.com","service":"twitter"} /-->
36+
<!-- wp:social-link {"url":"https://www.instagram.com","service":"instagram"} /-->
37+
<!-- wp:social-link {"url":"https://www.twitch.com","service":"twitch"} /-->
38+
</ul>
39+
<!-- /wp:social-links -->
3540
</div>
3641
<!-- /wp:group -->
37-
38-
<!-- wp:social-links {"size":"has-small-icon-size","className":"is-style-logos-only"} -->
39-
<ul class="wp-block-social-links has-small-icon-size is-style-logos-only">
40-
<!-- wp:social-link {"url":"https://www.facebook.com","service":"facebook"} /-->
41-
<!-- wp:social-link {"url":"https://www.twitter.com","service":"twitter"} /-->
42-
<!-- wp:social-link {"url":"https://www.instagram.com","service":"instagram"} /-->
43-
</ul>
44-
<!-- /wp:social-links -->
4542
</div>
4643
<!-- /wp:column -->
4744

4845
<!-- wp:column {"width":"20%","style":{"spacing":{"padding":{"top":"0px"}}}} -->
4946
<div class="wp-block-column" style="padding-top:0px;flex-basis:20%">
50-
<!-- wp:navigation {"layout":{"type":"flex","orientation":"vertical"}} /--></div>
47+
<!-- wp:navigation {"overlayMenu":"never","layout":{"overlayMenu":"never","type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"10px"}}} /-->
48+
</div>
5149
<!-- /wp:column -->
5250

5351
<!-- wp:column {"verticalAlignment":"top","width":"20%","style":{"spacing":{"blockGap":"16px"}}} -->
5452
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:20%">
55-
<!-- wp:navigation {"layout":{"type":"flex","orientation":"vertical"}} -->
56-
<!-- /wp:navigation -->
53+
<!-- wp:navigation {"overlayMenu":"never","layout":{"overlayMenu":"never","type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"10px"}}} /-->
5754
</div>
5855
<!-- /wp:column -->
59-
</div>
60-
<!-- /wp:columns -->
6156

62-
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"layout":{"type":"default"}} -->
63-
<div class="wp-block-group" style="padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30)">
64-
<!-- wp:separator {"className":"is-style-wide"} -->
65-
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
66-
<!-- /wp:separator -->
57+
<!-- wp:column {"verticalAlignment":"top","width":"20%","style":{"spacing":{"blockGap":"16px"}}} -->
58+
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:20%">
59+
<!-- wp:navigation {"overlayMenu":"never","layout":{"overlayMenu":"never","type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"10px"}}} /-->
60+
</div>
61+
<!-- /wp:column -->
6762
</div>
68-
<!-- /wp:group -->
63+
<!-- /wp:columns -->
6964

7065
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
7166
<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
72-
<!-- wp:separator {"className":"is-style-wide"} -->
73-
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
74-
<!-- /wp:separator -->
67+
<!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
7568

76-
<!-- wp:group {"style":{"spacing":{"blockGap":"56px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
77-
<div class="wp-block-group">
78-
<!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"5px","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
79-
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-right:0;padding-left:0">
80-
<!-- wp:paragraph -->
81-
<p>@ <?php echo esc_html( gmdate( 'Y' ) ); ?></p>
82-
<!-- /wp:paragraph -->
83-
<!-- wp:site-title /-->
84-
</div>
85-
<!-- /wp:group -->
86-
87-
<!-- wp:paragraph -->
88-
<p>
89-
<?php
90-
echo sprintf(
91-
/* translators: %s WooCommerce link */
92-
esc_html__( 'Powered by %s', 'woo-gutenberg-products-block' ),
93-
'<a href="https://woocommerce.com/" target="_blank" rel="noreferrer nofollow">WooCommerce</a>'
94-
);
95-
?>
96-
</p>
97-
<!-- /wp:paragraph -->
98-
</div>
99-
<!-- /wp:group -->
69+
<!-- wp:paragraph {"align":"center"} -->
70+
<p class="has-text-align-center">
71+
<?php
72+
echo sprintf(
73+
/* translators: Footer powered by text. %1$s being WordPress, %2$s being WooCommerce */
74+
esc_html__(
75+
'Powered by %1$s with %2$s',
76+
'woo-gutenberg-products-block'
77+
),
78+
'<a href="https://wordpress.org" target="_blank" rel="noreferrer nofollow">WordPress</a>',
79+
'<a href="https://woocommerce.com" target="_blank" rel="noreferrer nofollow">WooCommerce</a>'
80+
);
81+
?>
82+
</p>
83+
<!-- /wp:paragraph -->
10084
</div>
10185
<!-- /wp:group -->
10286
</div>

0 commit comments

Comments
 (0)