How to create a new page layout


Create a new section

  1.  Go to My store - Theme - Theme section 
  2.  Press "+ button" in the top right corner
  3.  Go to  Advanced Layout settings  and type Layout name in Page type field
  4.  Press "+ button" in the top right corner and choose a relevant store where you want to use this layout
  5.  Copy to Route field route from the Default layout. For example, if you want to create a new version of the store main page - go to Home (Main page) - Advanced Layout settings and copy Route data (in this case "common/home"). For category page this will be "product/category", for product page "product/product"....
  6.  Add needed content sections to the page (how to add content sections)
  7.  Press Save button on the top right corner 



For multi-stores only

Now we need to disable using the Default layout for this store. We need to remove the store from the stores list in Default page layout. 

  1. Go back to My store - Theme - Theme section 
  2. In this demo we changing store main page, so go to Home (Main page) layout and Advanced Layout settings
  3. Remove needed store from the stores list  
  4. Press Save button on the top right corner




How to assign this custom layout to a specific product, category or any other page

  1. Go to Product/Category edit page
  2. Press Design settings link in Visibility section
  3. Select the needed layout from the list (you can assign different layouts for different stores)
  4. Press Save button on the top right corner