Product name by User in Category Compatible with: WooCommerce, WPML File types included: HTML CSS PHP $33 1240 sales Last updated: 17 April 2023 Add to cart Live Preview Product name by User in Category1 Software version: WordPress 5.0.x – WordPress 6.0.x Compatible with: WooCommerce, ACF, Bookings File types included: HTML CSS PHP JS $58 12450 sales Last updated: 05 April 2022 Add to cart Live Preview Pattern Code <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://pd.w.org/2022/09/64863250acd3efc00.82862066-2048x1536.jpg" alt="" /></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:heading {"textAlign":"left","level":3} --> <h3 class="wp-block-heading has-text-align-left">Product name</h3> <!-- /wp:heading --> <!-- wp:paragraph --> <p>by <strong><a href="https://wordpress.org/patterns">User</a></strong> in <a href="https://wordpress.org/patterns"><strong>Category</strong></a></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><strong>Compatible with:</strong> WooCommerce, WPML</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><strong>File types included: </strong></p> <!-- /wp:paragraph --> <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <div class="wp-block-group"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","style":{"spacing":{"padding":{"left":"5px","right":"5px","top":"2px","bottom":"2px"}}},"fontSize":"small"} --> <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button" style="padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px">HTML</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","style":{"spacing":{"padding":{"left":"5px","right":"5px","top":"2px","bottom":"2px"}}},"fontSize":"small"} --> <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button" style="padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px">CSS</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","style":{"spacing":{"padding":{"left":"5px","right":"5px","top":"2px","bottom":"2px"}}},"fontSize":"small"} --> <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button" style="padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px">PHP</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"style":{"border":{"color":null,"style":null,"width":null,"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"1px","style":"solid"}}}} --> <div class="wp-block-column" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:solid;border-left-width:1px"><!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"large"} --> <p class="has-text-align-center has-large-font-size" style="padding-top:var(--wp--preset--spacing--30)"><strong>$33</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">1240 sales</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Last updated: 17 April 2023</p> <!-- /wp:paragraph --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"cyan-bluish-gray"} --> <div class="wp-block-button"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background has-text-align-center wp-element-button">Add to cart</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray"} --> <div class="wp-block-button"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button">Live Preview</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcxMC0wMTkuanBn.jpg" alt="" /></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:heading {"textAlign":"left","level":3} --> <h3 class="wp-block-heading has-text-align-left">Product name</h3> <!-- /wp:heading --> <!-- wp:paragraph --> <p>by <strong><a href="https://wordpress.org/patterns">User</a></strong> in <strong><a href="https://wordpress.org/patterns/">Category1</a></strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><strong>Software version:</strong> WordPress 5.0.x - WordPress 6.0.x</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><strong>Compatible with:</strong> WooCommerce, ACF, Bookings</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><strong>File types included: </strong></p> <!-- /wp:paragraph --> <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <div class="wp-block-group"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","style":{"spacing":{"padding":{"left":"5px","right":"5px","top":"2px","bottom":"2px"}}},"fontSize":"small"} --> <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button" style="padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px">HTML</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","style":{"spacing":{"padding":{"left":"5px","right":"5px","top":"2px","bottom":"2px"}}},"fontSize":"small"} --> <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button" style="padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px">CSS</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","style":{"spacing":{"padding":{"left":"5px","right":"5px","top":"2px","bottom":"2px"}}},"fontSize":"small"} --> <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button" style="padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px">PHP</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","style":{"spacing":{"padding":{"left":"5px","right":"5px","top":"2px","bottom":"2px"}}},"fontSize":"small"} --> <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button" style="padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px">JS</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"style":{"border":{"color":null,"style":null,"width":null,"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"1px","style":"solid"}}}} --> <div class="wp-block-column" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:solid;border-left-width:1px"><!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"fontSize":"large"} --> <p class="has-text-align-center has-large-font-size" style="padding-top:var(--wp--preset--spacing--60)"><strong>$</strong>58</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">12450 sales</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Last updated: 05 April 2022</p> <!-- /wp:paragraph --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"cyan-bluish-gray"} --> <div class="wp-block-button"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background has-text-align-center wp-element-button">Add to cart</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"cyan-bluish-gray"} --> <div class="wp-block-button"><a class="wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button">Live Preview</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --></div> <!-- /wp:columns -->
