footer-large-dark.php — WooCommerce 8.6.0

woocommerce / patterns / footer-large-dark.php

woocommerce / patterns Last commit date

footer-large-dark.php

93 lines

1	<?php
2	/**
3	* Title: Large Footer Dark
4	* Slug: woocommerce-blocks/footer-large-dark
5	* Categories: WooCommerce
6	* Block Types: core/template-part/footer
7	*/
8	?>
9
10	<!-- wp:group {"className":"wc-blocks-footer-pattern","align":"full","style":{"spacing":{"padding":{"top":"32px","right":"4%","bottom":"32px","left":"4%"},"blockGap":"40px"},"elements":{"link":{"color":{"text":"var:preset\|color\|background"}}}},"backgroundColor":"black","textColor":"white"} -->
11	<div class="wc-blocks-footer-pattern wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color" 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">
14	<!-- wp:column {"width":"45%","style":{"spacing":{"padding":{"right":"50px"}}}} -->
15	<div class="wp-block-column" style="padding-right:50px;flex-basis:45%">
16	<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"textColor":"background","layout":{"type":"flex","orientation":"vertical"}} -->
17	<div class="wp-block-group has-background-color has-text-color">
18	<!-- wp:site-logo /-->
19
20	<!-- wp:spacer {"height":"30px"} -->
21	<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
22	<!-- /wp:spacer -->
23
24	<!-- wp:heading {"level":5} -->
25	<h5><?php esc_html_e( 'Join the community', 'woocommerce' ); ?></h5>
26	<!-- /wp:heading -->
27
28	<!-- wp:paragraph -->
29	<p><?php esc_html_e( 'Learn about new products and discounts!', 'woocommerce' ); ?></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 -->
35	</div>
36	<!-- /wp:group -->
37
38	<!-- wp:social-links {"iconColor":"background","iconColorValue":"#ffffff","size":"has-small-icon-size","className":"is-style-logos-only"} -->
39	<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
40	<!-- wp:social-link {"url":"d","service":"facebook"} /-->
41	<!-- wp:social-link {"url":"d","service":"twitter"} /-->
42	<!-- wp:social-link {"url":"d","service":"instagram"} /-->
43	</ul>
44	<!-- /wp:social-links -->
45	</div>
46	<!-- /wp:column -->
47
48	<!-- wp:column {"width":"20%","style":{"spacing":{"padding":{"top":"0px"}}}} -->
49	<div class="wp-block-column" style="padding-top:0px;flex-basis:20%">
50	<!-- wp:navigation {"layout":{"type":"flex","orientation":"vertical"}} /--></div>
51	<!-- /wp:column -->
52
53	<!-- wp:column {"verticalAlignment":"top","width":"20%","style":{"spacing":{"blockGap":"16px"}}} -->
54	<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:20%">
55	<!-- wp:navigation {"layout":{"type":"flex","orientation":"vertical"}} /-->
56	</div>
57	<!-- /wp:column -->
58
59	<!-- wp:column {"verticalAlignment":"top","width":"20%","style":{"spacing":{"blockGap":"16px"}}} -->
60	<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:20%">
61	<!-- wp:woocommerce/customer-account {"displayStyle":"text_only","fontSize":"small"} /-->
62	</div>
63	<!-- /wp:column -->
64	</div>
65	<!-- /wp:columns -->
66
67	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"10px"}},"textColor":"background","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
68	<div class="wp-block-group alignfull has-background-color has-text-color" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
69	<!-- wp:group {"style":{"spacing":{"blockGap":"8px"},"elements":{"link":{"color":{"text":"var:preset\|color\|background"}}}},"textColor":"background","layout":{"type":"flex","flexWrap":"nowrap"}} -->
70	<div class="wp-block-group has-background-color has-text-color has-link-color">
71	<!-- wp:paragraph -->
72	<p>@ <?php echo esc_html( gmdate( 'Y' ) ); ?></p>
73	<!-- /wp:paragraph -->
74	<!-- wp:site-title /-->
75	</div>
76	<!-- /wp:group -->
77
78	<!-- wp:paragraph -->
79	<p><em>
80	<?php
81	echo sprintf(
82	/* translators: %s WooCommerce link */
83	esc_html__( 'Built with %s', 'woocommerce' ),
84	'<a href="https://woocommerce.com/" target="_blank" rel="noreferrer nofollow">WooCommerce</a>'
85	);
86	?>
87	</em></p>
88	<!-- /wp:paragraph -->
89	</div>
90	<!-- /wp:group -->
91	</div>
92	<!-- /wp:group -->
93