Product layouts
This topic provides information about product layouts files. The application allows you to customize view pages for all product types in the common layout files. It is also possible to perform the customization for a particular product type or even for a concrete product page by Product Entity ID or SKU.
Layout file
Description
catalog_product_view.xmlCommon layout. Affects all product types
catalog_product_view_type_bundle.xmlLayout from this file is applied to
bundle product onlycatalog_product_view_type_configurable.xmlLayout from this file is applied to
configurable product onlycatalog_product_view_type_downloadable.xmlLayout from this file is applied to
downloadable product onlycatalog_product_view_type_grouped.xmlLayout from this file is applied to
grouped product onlycatalog_product_view_type_simple.xmlLayout from this file is applied to
simple product onlycatalog_product_view_type_virtual.xmlLayout from this file is applied to
virtual product onlycatalog_product_view_id_{id}.xmlLayout from this file is applied to the specific product by
Entity ID value. E.g. catalog_product_view_id_45.xmlcatalog_product_view_sku_{sku}.xmlLayout from this file is applied to the specific product by
SKU value. E.g. catalog_product_view_sku_24-WG080.xmlCustomize product view pages
Use containers on the product page to structure content in the layout. You can reference the container and add blocks to it.
Containers assign content structure to a page using container tags within a layout XML file. A container has no additional content except the content of included elements. Examples of containers include:
product.info.mainproduct.info.priceproduct.info.stock.skuproduct.info.form.contentproduct.info.extrahintproduct.info.socialproduct.info.media
Example
<move element="product.info.social" destination="product.info.main" before="product.info.price"/>
Checkout cart configure page
Layout file
Description
checkout_cart_configure.xmlCommon layout. Affects all product types
checkout_cart_configure_type_bundle.xmlLayout from this file is applied to
bundle product onlycheckout_cart_configure_type_configurable.xmlLayout from this file is applied to
configurable product onlycheckout_cart_configure_type_downloadable.xmlLayout from this file is applied to
downloadable product onlycheckout_cart_configure_type_simple.xmlLayout from this file is applied to
simple product onlycheckout_cart_configure_id_{id}.xmlLayout from this file is applied to the specific product by
Entity ID value. E.g. checkout_cart_configure_id_45.xmlcheckout_cart_configure_sku_{sku}.xmlLayout from this file is applied to the specific product by
SKU value. E.g. checkout_cart_configure_sku_24-WG080.xmlcheckout_cart_item_renderers.xmlLayout from this file is applied to renderer's cart page items
Wishlist item configure page
Layout file
Description
wishlist_index_configure.xmlCommon layout. Affects all product types
wishlist_index_configure_type_bundle.xmlLayout from this file is applied to
bundle product onlywishlist_index_configure_type_configurable.xmlLayout from this file is applied to
configurable product onlywishlist_index_configure_type_downloadable.xmlLayout from this file is applied to
downloadable product onlywishlist_index_configure_type_grouped.xmlLayout from this file is applied to
grouped product onlywishlist_index_configure_type_simple.xmlLayout from this file is applied to
simple product onlywishlist_index_configure_id_{id}.xmlLayout from this file is applied to the specific product by
Entity ID value. E.g. wishlist_index_configure_id_45.xmlwishlist_index_configure_sku_{sku}.xmlLayout from this file is applied to the specific product by
SKU value. E.g. wishlist_index_configure_sku_24-WG080.xmlFor setting a custom layout on specific category, product, and CMS pages, see Common layout customization tasks.