cart-new.php
1 month ago
list-bento.php
1 year ago
list-carousel.php
1 year ago
list-row.php
1 year ago
list-sidebar.php
6 months ago
list-staggered.php
1 year ago
list-standard.php
6 months ago
list-variants.php
3 days ago
product-alternate.php
6 months ago
product-review-standard.php
6 months ago
product-standard.php
6 months ago
related-carousel-alternate.php
1 year ago
related-carousel.php
1 year ago
list-variants.php
79 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Product list block pattern where each card carries its own variant selector |
| 4 | * and add to cart button, so a shopper can pick a size or colour and buy without |
| 5 | * opening the product page. Cards for products without variants simply omit the |
| 6 | * selector. |
| 7 | */ |
| 8 | return [ |
| 9 | 'title' => __( 'Product List with Variants', 'surecart' ), |
| 10 | 'categories' => [ 'surecart_shop' ], |
| 11 | 'blockTypes' => [ 'surecart/product-list' ], |
| 12 | 'priority' => 1, |
| 13 | 'content' => '<!-- wp:surecart/product-list {"limit":null,"query":{"perPage":9,"pages":0,"offset":0,"postType":"sc_product","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"include":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"metadata":{"categories":["surecart_shop"],"patternName":"surecart-list-variants","name":"Product List with Variants"},"align":"wide","style":{"spacing":{"blockGap":"10px","margin":{"left":"0px","right":"0px"}}}} --> |
| 14 | <!-- wp:group {"style":{"spacing":{"margin":{"bottom":"10px"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> |
| 15 | <div class="wp-block-group" style="margin-bottom:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> |
| 16 | <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:surecart/product-list-sort /--> |
| 17 | |
| 18 | <!-- wp:surecart/product-list-filter /--></div> |
| 19 | <!-- /wp:group --> |
| 20 | |
| 21 | <!-- wp:surecart/product-list-search {"style":{"layout":{"selfStretch":"fixed","flexSize":"250px"}}} /--></div> |
| 22 | <!-- /wp:group --> |
| 23 | |
| 24 | <!-- wp:group {"style":{"spacing":{"margin":{"bottom":"10px"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> |
| 25 | <div class="wp-block-group" style="margin-bottom:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:surecart/product-list-filter-tags {"layout":{"type":"flex","orientation":"vertical"}} --> |
| 26 | <!-- wp:surecart/product-list-filter-tags-template --> |
| 27 | <!-- wp:surecart/product-list-filter-tag /--> |
| 28 | <!-- /wp:surecart/product-list-filter-tags-template --> |
| 29 | <!-- /wp:surecart/product-list-filter-tags --></div> |
| 30 | <!-- /wp:group --> |
| 31 | |
| 32 | <!-- wp:surecart/product-template {"style":{"spacing":{"blockGap":"30px"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"grid","columnCount":null,"minimumColumnWidth":"225px"}} --> |
| 33 | <!-- wp:group {"layout":{"type":"default"}} --> |
| 34 | <div class="wp-block-group"><!-- wp:group {"style":{"color":{"background":"#0000000d"},"border":{"radius":"10px"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} --> |
| 35 | <div class="wp-block-group has-background" style="border-radius:10px;background-color:#0000000d;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:cover {"useFeaturedImage":true,"dimRatio":0,"isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":0.5},"contentPosition":"top center","style":{"dimensions":{"aspectRatio":"3/4"},"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"bottom":"15px"}},"border":{"radius":"10px"}},"layout":{"type":"default"}} --> |
| 36 | <div class="wp-block-cover has-custom-content-position is-position-top-center" style="border-radius:10px;margin-bottom:15px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} --> |
| 37 | <div class="wp-block-group"><!-- wp:surecart/product-quick-view-button {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"10px","right":"10px"}},"typography":{"fontSize":"12px","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"border":{"radius":"100px"}},"backgroundColor":"white","textColor":"black"} /--> |
| 38 | |
| 39 | <!-- wp:surecart/product-sale-badge {"style":{"typography":{"fontSize":"12px"},"border":{"radius":"100px"},"layout":{"selfStretch":"fit","flexSize":null}}} /--></div> |
| 40 | <!-- /wp:group --></div></div> |
| 41 | <!-- /wp:cover --></div> |
| 42 | <!-- /wp:group --> |
| 43 | |
| 44 | <!-- wp:surecart/product-title {"level":2,"style":{"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"bottom":"5px","top":"0px"}}}} /--> |
| 45 | |
| 46 | <!-- wp:surecart/product-review-average-rating-stars {"style":{"spacing":{"margin":{"top":"10px","bottom":"8px"}}}} /--> |
| 47 | |
| 48 | <!-- wp:group {"style":{"spacing":{"blockGap":"0.5em","margin":{"top":"0px","bottom":"0px"}},"margin":{"top":"0px","bottom":"0px"},"typography":{"lineHeight":"1"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> |
| 49 | <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;line-height:1"><!-- wp:surecart/product-list-price {"style":{"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"5px","bottom":"5px"}}}} /--> |
| 50 | |
| 51 | <!-- wp:surecart/product-scratch-price {"style":{"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"5px","bottom":"5px"}}}} /--></div> |
| 52 | <!-- /wp:group --> |
| 53 | |
| 54 | <!-- wp:surecart/product-variant-pills {"show_label":false,"max_visible_options":4,"style":{"spacing":{"margin":{"top":"12px"}}}} --> |
| 55 | <!-- wp:surecart/product-variant-pill {"style":{"typography":{"fontSize":"13px"},"spacing":{"padding":{"top":"4px","bottom":"4px","left":"10px","right":"10px"}}}} /--> |
| 56 | <!-- /wp:surecart/product-variant-pills --> |
| 57 | |
| 58 | <!-- wp:surecart/product-buy-buttons {"style":{"spacing":{"padding":{"top":"12px"}}}} --> |
| 59 | <div class="wp-block-surecart-product-buy-buttons wp-block-buttons sc-block-buttons is-layout-flex" style="padding-top:12px"><!-- wp:surecart/product-buy-button {"add_to_cart":true,"text":"Add To Cart","style":{"typography":{"fontSize":"14px"},"border":{"radius":"100px"}}} /--></div> |
| 60 | <!-- /wp:surecart/product-buy-buttons --></div> |
| 61 | <!-- /wp:group --> |
| 62 | <!-- /wp:surecart/product-template --> |
| 63 | |
| 64 | <!-- wp:surecart/product-pagination {"style":{"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"15px","bottom":"15px"}}},"textColor":"black"} --> |
| 65 | <!-- wp:surecart/product-pagination-previous /--> |
| 66 | |
| 67 | <!-- wp:surecart/product-pagination-numbers /--> |
| 68 | |
| 69 | <!-- wp:surecart/product-pagination-next /--> |
| 70 | <!-- /wp:surecart/product-pagination --> |
| 71 | |
| 72 | <!-- wp:surecart/product-list-no-products --> |
| 73 | <!-- wp:paragraph {"align":"center","placeholder":"Add text or blocks that will display when a query returns no products."} --> |
| 74 | <p class="has-text-align-center">No products found.</p> |
| 75 | <!-- /wp:paragraph --> |
| 76 | <!-- /wp:surecart/product-list-no-products --> |
| 77 | <!-- /wp:surecart/product-list -->', |
| 78 | ]; |
| 79 |