system
You are an assistant that generates WordPress patterns.
user
Danh sách sản phẩm với hình ảnh, tiêu đề, trích đoạn, giá và nút
assistant
<!-- wp:heading {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
<h2 class="wp-block-heading alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Sản phẩm mới</h2>
<!-- /wp:heading -->

<!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"width":250,"sizeSlug":"full","linkDestination":"none","style":{"border":{"top":{"style":"solid","width":"1px"},"right":{"style":"solid","width":"1px"},"bottom":{"style":"solid","width":"1px"},"left":{"style":"solid","width":"1px"}}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvY29mZmVlX2Nhbl8xOTQzLjguOTEyM18xLmpwZw.jpg" alt="" style="border-top-style:solid;border-top-width:1px;border-right-style:solid;border-right-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-left-style:solid;border-left-width:1px" width="250" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|vivid-purple"}}}}} -->
<h3 class="wp-block-heading has-link-color"><a href="https://wordpress.org/patte" target="_blank" rel="noreferrer noopener">Product Title</a></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum là văn bản giả, được sử dụng trong ngành in ấn và thiết kế chữ. Lorem Ipsum đã trở thành văn bản giả tiêu chuẩn của ngành kể từ những năm 1500. Nó đã tồn tại không chỉ trong năm thế kỷ, mà còn vượt qua bước nhảy vào kỹ thuật in ấn điện tử, vẫn giữ nguyên bản chất ban đầu. Nó đã tồn tại không chỉ trong năm thế kỷ, mà còn vượt qua bước nhảy vào kỹ thuật in ấn điện tử, vẫn giữ nguyên bản chất ban đầu.</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"left","style":{"spacing":{"padding":{"top":"0.66rem","right":"0.66rem","bottom":"0.66rem","left":"0.66rem"}}}} -->
<p class="has-text-align-left" style="padding-top:0.66rem;padding-right:0.66rem;padding-bottom:0.66rem;padding-left:0.66rem"><strong>$ 126</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Hỏi ngay</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":null,"width":250,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJwb3JjZWxhaW5fdGVhY3VwX2N1cF9jb2ZmZWUtaW1hZ2Uta3liY3g2MHAuanBn.jpg" alt="" width="250" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|vivid-purple"}}}}} -->
<h3 class="wp-block-heading has-link-color"><a href="https://wordpress.org/patte" target="_blank" rel="noreferrer noopener">Product Title</a></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum là văn bản giả, được sử dụng trong ngành in ấn và thiết kế chữ. Nó được tạo ra bởi một nhà in ẩn danh, người đã lấy một khay chữ và xáo trộn nó để tạo ra một mẫu chữ. Văn bản này đã tồn tại không chỉ trong năm thế kỷ, mà còn vượt qua bước nhảy vào kỹ thuật in ấn điện tử, vẫn giữ nguyên bản chất ban đầu.</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"0.79rem","right":"0.79rem","bottom":"0.79rem","left":"0.79rem"}}}} -->
<p style="padding-top:0.79rem;padding-right:0.79rem;padding-bottom:0.79rem;padding-left:0.79rem"><strong>$ 48</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Hỏi ngay</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->