Toggle Nav
My Cart 0

How to set the default layout of the product page in Magento 2

How to set the default layout of the product page in Magento 2

How to set the default layout of the product page in Magento 2

The design of an E-commerce store plays an important role in creating a brand impression among a niche audience, increase the shopping experience by making it easy for the shoppers to use the store, and send the brand message correctly.

In Magento 2, the page design mostly consists of layouts, containers, and blocks. The structure of the webpage in Magento 2 is defined by the layout and it can be applied to a page from the admin panel.

The admin can change the Magento 2 product page layout from the backend.

The product has No Layout Updates as a default.

If you want to change the page layout of all products in the store then follow the below steps:

Step 1:Login with your Magento 2 Admin panel

Step 2:Go to Admin sidebar

Step 3:Select the Stores > Settings > Configuration

Step 4:Then select the General tab

Step 5:Under the General tab select the Web option

Step 6:Then Select the Default Layouts tab.

Step 7:Under the Default Layouts tab select the Default Product Layout for set the default Product Page layout.
  • No layout updates: Layout updates are not available for product pages.
  • Empty: Uses a blank layout for product pages.
  • 1 column: Uses a single column layout for product pages.
  • 2 columns with left bar: Uses a two-column layout with the sidebar on the left for product pages.
  • 2 columns with right bar: Uses a two-column layout with the sidebar on the right for product pages.
  • 3 columns: Uses a three-column layout with sidebars on the left and right for product pages.

Step 8:If you are done with the all configuration then select on the Save Config button.



If you want to change the page layout of any specific products or only one product in the store then follow the below steps:

Step 1: Login to your Magento 2 Admin panel

Step 2: Go to Admin sidebar

Step 3: Select the Catalog > Products

Step 4: Then edit any products for which you want to change the page layout

Step 5: On the product page select "Design" tab

Step 6: Under the "Design" tab select the "Layout" to set the default Product Page layout.
  • No layout updates: Layout updates are not available for product pages.
  • Empty: Uses a blank layout for product pages.
  • 1 column: Uses a single column layout for product pages.
  • 2 columns with left bar: Uses a two-column layout with the sidebar on the left for product pages.
  • 2 columns with right bar: Uses a two-column layout with the sidebar on the right for product pages.
  • 3 columns: Uses a three-column layout with sidebars on the left and right for product pages.

Step 7: If you are done with the all configuration then select on the Save button.

June 21, 2021
Did you like this post?
0
0