woocommerce/plugins/woocommerce-blocks/assets/js/blocks/classic-template
Chris Lilitsas e24aabff04
Introduce a new block style for the Product Details block and set it as default (#42965)
* Introduce the minimal block style for productDetails block

* Change the default style in the template

* Change the default template when using the transform-to-blocks button

* Cleanup

* Organize CSS selectors

* Add opacity on hover

* Fix specificity and add explanation

* Cleanup

* Changelog
2024-01-10 14:08:48 +02:00
..
assets Rename Legacy Template block to Classic Template block (https://github.com/woocommerce/woocommerce-blocks/pull/6021) 2022-03-22 23:34:43 +01:00
test fix unit test (https://github.com/woocommerce/woocommerce-blocks/pull/10409) 2023-07-31 12:26:20 +00:00
README.md [Docs] Update links from WooCommerce.com to Woo.com for the Woo Blocks documentation (#43055) 2023-12-29 12:28:11 -03:00
archive-product.ts Fixed Blocks Linting Errors (#42727) 2023-12-12 15:05:20 -08:00
constants.ts Fixed Blocks Linting Errors (#42727) 2023-12-12 15:05:20 -08:00
editor.scss Add universal border radius for form elements and components (https://github.com/woocommerce/woocommerce-blocks/pull/11193) 2023-10-11 17:04:45 +01:00
index.tsx Fixed Blocks Linting Errors (#42727) 2023-12-12 15:05:20 -08:00
order-confirmation.tsx Fixed Blocks Linting Errors (#42727) 2023-12-12 15:05:20 -08:00
product-search-results.ts Fixed Blocks Linting Errors (#42727) 2023-12-12 15:05:20 -08:00
single-product.ts Introduce a new block style for the Product Details block and set it as default (#42965) 2024-01-10 14:08:48 +02:00
style.scss Classic Template: set the default alignment to wide (https://github.com/woocommerce/woocommerce-blocks/pull/6356) 2022-05-04 18:02:42 +07:00
types.ts Add Cart/Checkout/Order-Received Templates (https://github.com/woocommerce/woocommerce-blocks/pull/9301) 2023-06-29 14:41:22 +01:00
utils.ts [Blockifying Product Archive Templates]: Implement the blockified template conversion for the Classic Template Block. (https://github.com/woocommerce/woocommerce-blocks/pull/8248) 2023-02-27 15:34:18 +01:00

README.md

Classic Template Block

Table of Contents

The Classic Template block is a placeholder block for specific WooCommerce block templates which are rendered on the server-side when a block theme is active.

By assigning a template identifier to the attribute prop, the block will render that specific template on the front-end, and a placeholder for said template in the Site Editor.

It's worth noting that the placeholder in the Site Editor is merely an approximate representation of a template's front-end view.

Usage

This block does not have any customizable options available, so any style or customization updates will not be reflected on the placeholder.

Props

  • attributes
    • template: single-product | archive-product | taxonomy-product_cat | taxonomy-product_tag | taxonomy-product_attribute
    • align: wide | full
<!-- wp:woocommerce/legacy-template {"template":"single-product"} /-->

Classic Template Block Single Product


We're hiring! Come work with us!

🐞 Found a mistake, or have a suggestion? Leave feedback about this document here.