-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add "Product features, 2 columns" pattern #14
base: trunk
Are you sure you want to change the base?
Add "Product features, 2 columns" pattern #14
Conversation
Add "Product features, 2 columns" pattern from woocommerce#5
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I've left some inline comments below, where the image src
URLs need to be changed to point to the assets directory.
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","orientation":"vertical"}} --> | ||
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> | ||
<div class="wp-block-group"><!-- wp:image {"id":588,"width":"24px","sizeSlug":"full","linkDestination":"none"} --> | ||
<figure class="wp-block-image size-full is-resized"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/icon-star-empty.png" alt="A black outlined star icon representing excellence." class="wp-image-588" style="width:24px"/></figure> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This src
attribute needs to be updated to <?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-star-empty.png
before merging.
|
||
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> | ||
<div class="wp-block-group"><!-- wp:image {"id":586,"width":"24px","sizeSlug":"full","linkDestination":"none"} --> | ||
<figure class="wp-block-image size-full is-resized"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/icon-globe.png" alt="A black globe icon." class="wp-image-586" style="width:24px"/></figure> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This one needs to be updated accordingly as well.
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","orientation":"vertical"}} --> | ||
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> | ||
<div class="wp-block-group"><!-- wp:image {"id":587,"width":"24px","sizeSlug":"full","linkDestination":"none"} --> | ||
<figure class="wp-block-image size-full is-resized"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/icon-quality.png" alt="A black icon with diagonal lines, like a fingerprint." class="wp-image-587" style="width:24px"/></figure> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This as well.
|
||
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> | ||
<div class="wp-block-group"><!-- wp:image {"id":589,"width":"24px","sizeSlug":"full","linkDestination":"none"} --> | ||
<figure class="wp-block-image size-full is-resized"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/icon-verse.png" alt="A black leaf icon symbolizing nature or sustainability." class="wp-image-589" style="width:24px"/></figure> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And this one.
|
||
<!-- wp:column {"verticalAlignment":"center"} --> | ||
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":423,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} --> | ||
<figure class="wp-block-image size-full"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-ceramic-cup.jpg" alt="A glossy, hand-crafted brown ceramic cup with an organic shape." class="wp-image-423" style="aspect-ratio:1;object-fit:cover"/></figure> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And this one too.
Add "Product features, 2 columns" pattern from #5