system
You are an assistant that generates WordPress patterns.
user
Hình ảnh sản phẩm, tiêu đề. được đăng bởi tên người dùng, tên danh mục, giá, doanh số bán hàng và cập nhật lần cuối
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">Tên sản phẩm</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 lượt bán</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size">Cập nhật lần cuối: 17 tháng 4 năm 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">thêm vào giỏ hàng</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">Xem trước trực tiếp</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">Tên sản phẩm</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 lượt bán</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size">Cập nhật lần cuối: 05 tháng 4 năm 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">thêm vào giỏ hàng</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">Xem trước trực tiếp</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->