2023-05-12 09:17:45 +00:00
< ? php
/**
2023-06-21 07:50:12 +00:00
* Title : Product Details Product Listing
2023-05-12 09:17:45 +00:00
* Slug : woocommerce - blocks / product - details - listing
* Categories : WooCommerce
*/
?>
<!-- wp : columns { " style " : { " spacing " : { " padding " : " 0px " , " blockGap " : { " top " : " 0 " , " left " : " 0 " }}}} -->
< div class = " wp-block-columns " style = " padding:0 " >
<!-- wp : column { " style " : { " spacing " : { " blockGap " : " 0 " , " padding " : " 0px " }}} -->
< div class = " wp-block-column " style = " padding:0 " >
<!-- wp : image { " sizeSlug " : " full " , " linkDestination " : " none " } -->
< figure class = " wp-block-image size-full " >
2023-06-12 17:34:03 +00:00
< img src = " <?php echo esc_url( plugins_url( 'images/pattern-placeholders/table-wood-chair-floor-living-room-furniture-horizontal.png', dirname( __FILE__ ) ) ); ?> " alt = " <?php esc_attr_e( 'Placeholder image used to represent a product being showcased in a product banner.', 'woo-gutenberg-products-block' ); ?> " />
2023-05-12 09:17:45 +00:00
</ figure >
<!-- / wp : image -->
2023-05-22 19:41:36 +00:00
<!-- wp : group { " align " : " full " , " style " : { " spacing " : { " padding " : " 0px " , " blockGap " : " 0px " , " margin " : { " top " : " 30px " , " bottom " : " 20px " , " left " : " 0px " }}}, " layout " : { " type " : " flex " , " flexWrap " : " wrap " , " justifyContent " : " center " , " verticalAlignment " : " center " }} -->
< div class = " wp-block-group alignfull " style = " margin-top:30px;margin-bottom:20px;margin-left:0px;padding:0 " >
<!-- wp : paragraph { " style " : { " typography " : { " fontSize " : " 24px " }, " color " : { " text " : " #fda700 " }}} -->
< p class = " has-text-color " style = " color:#fda700;font-size:24px; " > ★★★★ </ p >
2023-05-12 09:17:45 +00:00
<!-- / wp : paragraph -->
2023-05-22 19:41:36 +00:00
<!-- wp : paragraph { " style " : { " typography " : { " fontSize " : " 24px " }, " color " : { " text " : " #ffe8a4 " }, " spacing " : { " margin " : { " right " : " 8px " }}}} -->
< p class = " has-text-color " style = " color:#ffe8a4;margin-right:8px;font-size:24px; " > ★ </ p >
2023-05-12 09:17:45 +00:00
<!-- / wp : paragraph -->
2023-05-22 19:41:36 +00:00
<!-- wp : paragraph { " style " : { " typography " : { " fontSize " : " 13px " }, " color " : { " text " : " #000000 " }}} -->
< p class = " has-text-color " style = " color:#000000;font-size:13px; " >< strong > 4.2 </ strong > ( 1 , 07 9 reviews ) </ p >
2023-05-12 09:17:45 +00:00
<!-- / wp : paragraph -->
</ div >
<!-- / wp : group -->
2023-05-22 19:41:36 +00:00
2023-05-12 09:17:45 +00:00
<!-- wp : heading { " style " : { " spacing " : { " margin " : { " bottom " : " 20px " }}, " typography " : { " fontSize " : " 48px " , " fontStyle " : " normal " , " fontWeight " : " 700 " , " lineHeight " : " 120% " }}, " textColor " : " black " , " fontSize " : " x-large " } -->
2023-06-09 06:43:19 +00:00
< h2 class = " wp-block-heading has-black-color has-text-color has-text-align-center has-x-large-font-size " style = " font-size:48px;font-style:normal;font-weight:700;line-height:120%;margin-bottom:20px; " > Patterned Upright , Orange and White , Wood Legs </ h2 >
2023-05-12 09:17:45 +00:00
<!-- / wp : heading -->
2023-05-22 19:41:36 +00:00
<!-- wp : group { " align " : " full " , " style " : { " spacing " : { " padding " : " 0px " , " blockGap " : " 0px " , " margin " : { " top " : " 0px " , " bottom " : " 40px " , " left " : " 0px " }}}, " layout " : { " type " : " flex " , " flexWrap " : " wrap " , " justifyContent " : " center " , " verticalAlignment " : " center " }} -->
< div class = " wp-block-group alignfull " style = " margin-top:0px;margin-bottom:40px;margin-left:0px;padding:0 " >
<!-- wp : paragraph { " style " : { " spacing " : { " padding " : { " right " : " 5px " }}, " typography " : { " fontSize " : " 28px " }, " color " : { " text " : " #000000 " }}} -->
< p class = " has-text-color " style = " color:#000000;font-size:28px;padding-right:5px " >< strong >< sup >< sub > $ </ sub ></ sup > 37.49 </ strong ></ p >
<!-- / wp : paragraph -->
<!-- wp : paragraph { " style " : { " typography " : { " fontSize " : " 28px " , " fontWeight " : " 400 " }, " layout " : { " selfStretch " : " fit " , " flexSize " : null }, " color " : { " text " : " #d3d3d3ff " }}} -->
< p class = " has-text-color " style = " color:#d3d3d3ff;font-size:28px;font-weight:400; " >< s > $ 47.49 </ s ></ p >
<!-- / wp : paragraph -->
</ div >
<!-- / wp : group -->
2023-05-12 09:17:45 +00:00
<!-- wp : buttons { " style " : { " spacing " : { " blockGap " : " 0px " }}} -->
< div class = " wp-block-buttons is-content-justification-center " >
<!-- wp : button { " backgroundColor " : " black " , " textColor " : " white " , " className " : " is-style-fill " , " fontSize " : " medium " , " style " : { " spacing " : { " padding " : { " left " : " 94px " , " right " : " 94px " , " top " : " 20px " , " bottom " : " 20px " }}}} -->
< div class = " wp-block-button has-custom-font-size is-style-fill has-medium-font-size " >< a class = " wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button " style = " padding-right:94px;padding-left:94px;padding-top:20px;padding-bottom:20px; " >< strong > Add to cart </ strong ></ a ></ div >
<!-- / wp : button -->
</ div >
<!-- / wp : buttons -->
</ div >
<!-- / wp : column -->
</ div >
<!-- / wp : columns -->
