-
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 "3-column features row with icons" pattern #11
Add "3-column features row with icons" pattern #11
Conversation
Add "3-column features row with icons" 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.
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|70"}}}} --> | ||
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} --> | ||
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":479,"width":"24px","sizeSlug":"full","linkDestination":"none","align":"center"} --> | ||
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/icon-truck.webp" alt="Truck icon." class="wp-image-479" 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-truck.webp
before merging.
|
||
<!-- wp:column --> | ||
<div class="wp-block-column"><!-- wp:image {"id":476,"width":"24px","sizeSlug":"full","linkDestination":"none","align":"center"} --> | ||
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/icon-gift.webp" alt="Gift icon." class="wp-image-476" 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.
Same as above.
|
||
<!-- wp:column --> | ||
<div class="wp-block-column"><!-- wp:image {"id":480,"width":"24px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center"} --> | ||
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/icon-undo.webp" alt="Undo icon." class="wp-image-480" style="width:24px;height:auto"/></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.
Same here as well.
Thank you @danielwrobert, I submitted an update. |
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.
LGTM, thank you! 🚀
Add "3-column features row with icons" pattern from #5