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

Add new Testimonials: 3 columns pattern #9158

Closed
wants to merge 6 commits into from
Closed

Add new Testimonials: 3 columns pattern #9158

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
3aaf63e
Add new `Featured Products 2 columns` pattern
albarin Apr 17, 2023
758cee2
Remove line separator
albarin Apr 19, 2023
b260041
Merge branch 'trunk' into 8949/featured-products-b-w
albarin Apr 19, 2023
a1f7126
Change title and add shop url
albarin Apr 20, 2023
d0392b7
Improve copy
albarin Apr 21, 2023
836ef2e
Add new `Testimonials 3 columns` pattern
albarin Apr 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 65 additions & 0 deletions patterns/product-featured-2-columns.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<?php
/**
* Title: Featured Products 2 Columns
* Slug: woocommerce-blocks/featured-products-2-cols
* Categories: WooCommerce
*/
?>

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%">
<!-- wp:query {"queryId":7,"query":{"perPage":"4","pages":0,"offset":0,"postType":"product","order":"asc","orderBy":"title","author":"","search":"","exclude":[],"sticky":"","inherit":false,"__woocommerceAttributes":[],"__woocommerceStockStatus":["instock","onbackorder"]},"displayLayout":{"type":"flex","columns":2},"namespace":"woocommerce/product-query"} -->
<div class="wp-block-query">
<!-- wp:post-template {"__woocommerceNamespace":"woocommerce/product-query/product-template"} -->
<!-- wp:woocommerce/product-image {"imageSizing":"thumbnail","isDescendentOfQueryLoop":true,"style":{"spacing":{"margin":{"bottom":"24px","top":"0"}}}} /-->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom">
<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom">
<!-- wp:post-title {"textAlign":"left","level":3,"isLink":true,"style":{"spacing":{"margin":{"bottom":"0rem","top":"0"}}},"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-query/product-title"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom">
<!-- wp:woocommerce/product-price {"isDescendentOfQueryLoop":true,"textAlign":"right","fontSize":"small","style":{"spacing":{"margin":{"bottom":"0rem","top":"0"}}}} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- /wp:post-template -->

<!-- wp:query-no-results -->
<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
<p></p>
<!-- /wp:paragraph -->
<!-- /wp:query-no-results -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%">
<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Fan Favorites</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Get ready to start the season right. All the fan favorites in one place at the best price.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50">
<a href="<?php echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?>" class="wp-block-button__link wp-element-button">Shop All</a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
66 changes: 66 additions & 0 deletions patterns/testimonials-3-columns.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<?php
/**
* Title: Testimonials 3 Columns
* Slug: woocommerce-blocks/testimonials-3-columns
* Categories: WooCommerce
*/
?>

<!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":4,"style":{"typography":{"textTransform":"none","fontSize":"18px"}}} -->
<h4 class="wp-block-heading" style="font-size:18px;text-transform:none"><strong>Great experience</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">
In the end the couch wasn’t exactly what I was looking for but my experience with the
Burrow team was excellent. First in providing a discount when the couch was delayed, then timely feedback
and updates as the…
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"},"color":{"text":"#646970"}}} -->
<p class="has-text-color" style="color:#646970;font-size:18px">~ Tanner P.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":4,"style":{"typography":{"textTransform":"none","fontSize":"18px"}}} -->
<h4 class="wp-block-heading" style="font-size:18px;text-transform:none"><strong>LOVE IT</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">
Great couch. color as advertise. seat is nice and firm. Easy to put together.
Versatile. Bought one for my mother in law as well. And she loves hers!
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"},"color":{"text":"#646970"}}} -->
<p class="has-text-color" style="color:#646970;font-size:18px">~ Abigail N.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":4,"style":{"typography":{"textTransform":"none","fontSize":"18px"}}} -->
<h4 class="wp-block-heading" style="font-size:18px;text-transform:none"><strong>Awesome couch and great buying experience</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">
I got the kind sofa. The look and feel is high quality, and I enjoy that it is a
medium level of firmness. Assembly took a little longer than I expected, and it came in 4 boxes. I am
excited about the time / st…
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"},"color":{"text":"#646970"}}} -->
<p class="has-text-color" style="color:#646970;font-size:18px">~ Albert L.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->