forked from woocommerce/woo-themes
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add "Gallery row with paragraph and button" patterns
Add "Gallery row with paragraph and button" patterns from woocommerce#5
- Loading branch information
Showing
1 changed file
with
61 additions
and
0 deletions.
There are no files selected for viewing
61 changes: 61 additions & 0 deletions
61
woostarter/patterns/about-gallery-row-paragraph-button.php
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| <?php | ||
| /** | ||
| * Title: Gallery row with paragraph and button | ||
| * Slug: woostarter/gallery-row-paragraph-button | ||
| * Categories: text, about, media | ||
| * Keywords: about, text, intro | ||
| * Description: A section with a gallery and an introduction about a store. | ||
| * | ||
|
|
||
| ?> | ||
| <!-- wp:group {"metadata":{"categories":["intro"],"name":"Gallery row with paragraph and button","patternName":"a8c/intro-two-column-with-image-and-content"},"align":"full","className":"alignfull is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} --> | ||
| <div class="wp-block-group alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:spacer {"height":"var:preset|spacing|40"} --> | ||
| <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
|
|
||
| <!-- wp:columns {"isStackedOnMobile":false,"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|20"}}}} --> | ||
| <div class="wp-block-columns alignwide is-not-stacked-on-mobile"><!-- wp:column {"verticalAlignment":"stretch","width":"25%"} --> | ||
| <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:25%"><!-- wp:image {"id":331,"aspectRatio":"1","scale":"cover","style":{"color":[]}} --> | ||
| <figure class="wp-block-image"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2024/12/about-business-image-859x1024.webp" alt="Antique bottles in a dimly lit arched alcove with a textured wall." class="wp-image-331" style="aspect-ratio:1;object-fit:cover"/></figure> | ||
| <!-- /wp:image --></div> | ||
| <!-- /wp:column --> | ||
|
|
||
| <!-- wp:column {"verticalAlignment":"stretch","width":"25%"} --> | ||
| <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:25%"><!-- wp:image {"id":493,"aspectRatio":"1","scale":"cover","style":{"color":[]}} --> | ||
| <figure class="wp-block-image"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-necklace-closeup.jpg" alt="A double-strand turquoise beaded necklace with silver accents." class="wp-image-493" style="aspect-ratio:1;object-fit:cover"/></figure> | ||
| <!-- /wp:image --></div> | ||
| <!-- /wp:column --> | ||
|
|
||
| <!-- wp:column {"verticalAlignment":"stretch","width":"25%"} --> | ||
| <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:25%"><!-- wp:image {"id":492,"aspectRatio":"1","scale":"cover","style":{"color":[]}} --> | ||
| <figure class="wp-block-image"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-lamp-closeup.jpg" alt="A close-up of an old metal street lamp with a greenish interior, glowing against a gray background." class="wp-image-492" style="aspect-ratio:1;object-fit:cover"/></figure> | ||
| <!-- /wp:image --></div> | ||
| <!-- /wp:column --> | ||
|
|
||
| <!-- wp:column {"verticalAlignment":"stretch","width":"25%"} --> | ||
| <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:25%"><!-- wp:image {"id":491,"aspectRatio":"1","scale":"cover","style":{"color":[]}} --> | ||
| <figure class="wp-block-image"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-gold-pendant-closeup.jpg" alt="A small, textured gold pendant with a teardrop shape on a white background." class="wp-image-491" style="aspect-ratio:1;object-fit:cover"/></figure> | ||
| <!-- /wp:image --></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --> | ||
|
|
||
| <!-- wp:spacer {"height":"var:preset|spacing|70"} --> | ||
| <div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
|
|
||
| <!-- wp:group {"align":"wide","layout":{"type":"default"}} --> | ||
| <div class="wp-block-group alignwide"><!-- wp:paragraph {"fontSize":"xx-large"} --> | ||
| <p class="has-xx-large-font-size">Welcome to our flagship store located in the vibrant streets of London, where the online world of Kiri Objects meets a tangible, immersive experience. Designed to reflect the brand’s ethos of embracing imperfection and timeless beauty, Kiri Home is a curated sanctuary of art, design, and curated objects.</p> | ||
| <!-- /wp:paragraph --> | ||
|
|
||
| <!-- wp:buttons --> | ||
| <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} --> | ||
| <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Shop collection</a></div> | ||
| <!-- /wp:button --></div> | ||
| <!-- /wp:buttons --></div> | ||
| <!-- /wp:group --> | ||
|
|
||
| <!-- wp:spacer {"height":"var:preset|spacing|70"} --> | ||
| <div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --></div> | ||
| <!-- /wp:group --> |