system
You are an assistant that generates WordPress patterns.
user
Product image, title. posted by username, category name, price, sales and last updated
assistant
<!-- 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">Produktnamn</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>Kompatibel med:</strong> WooCommerce, WPML</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Inkluderade filtyper: </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>330 SEK</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">Senast uppdaterat: 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">Lägg till i varukorg</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">Förhandsgranskning live</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">Produktnamn</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>Kompatibel med:</strong> WooCommerce, ACF, Bookings</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Inkluderade filtyper: </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">Senast uppdaterat: 5 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">Lägg till i varukorg</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">Förhandsgranskning live</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->