How to make changes in the Layout of the website

You are here:
< All Topics

For the purpose of adding/ editing the layout of a particular page from the Kartify backend, follow the below mentioned steps to create the settings to add/ edit the layout –

Login into Kartify with your own credentials and select the store for which you need to make the changes.

Click on Storefront Design > Layout, then it will redirect you to a different screen

Now you can make the changes or add a new layout for the particular pages mentioned below:

  1. My account Page
  2. Home Page
  3. Category Page
  4. Search Page

For all the above mentioned pages we usually set the layout at the time of initial development of the store.

Kindly refer to the steps defined below for making the final setting for defining the layout

1. My Account Page:

Click on edit button next to the “Account” or “Account Login” or “Account Registration” for adding the layout to the store. Refer to the screenshot below for clarity:

2. Home Page:

Click on add button on the top right side of the corner for adding the layout to the store. Refer to the screenshot below for clarity:

Once you click on add, it will navigate you to a different screen. Refer to the screenshot below:

  • Enter layout name as Home_Storename
  • Select store from the dropdown and input route as common/home
  • In the Content Top section add Carousel_Homepage, Slideshow_Homepage, Featured_Homepage.
  • Don’t make any change in the Content Left, Content Right and Content Bottom section.

After this save the changes and your home page layout will be added

3. Category Page:

Click on edit button next to the “Category Page” or “Category page with -InfiniteScroller” or “Category-infinitescroller-button” or “Category_Searchplug” for adding the layout to the store. Refer to the screenshot below for clarity:

Kindly keep a note of following cases while adding layout setting for category page:

  • In case search plug is enabled on your website, then you need to add the layout in “Category_Searchplug” and remove the same from other category layout.
  • In case you want to add infinity Scroll with a button, then you need to add the layout in “Category -InfiniteScroller-button” and remove the same from other category layout.
  • In case you want to add only Infinity Scroll, then you need to add the layout in “Category page with -InfiniteScroller” and remove the same from other category layout.

After this save the changes and your catagory page layout will be added.

4. Search Page:

Click on edit button next to the “Search Page” or “Search-InfiniteScroller” or “Search-Searchplug” for adding the layout to the store. Refer to the screenshot below for clarity:

Kindly keep a note of following cases while adding layout setting for category page:

  • In case search plug is enabled on your website, then you need to add the layout in “Search-Searchplug” and remove the same from other search layout.
  • In case infinite scroll is enabled on your website, then you need to add the layout in “Search-InfiniteScroller” and remove the same from other search layout.

After this save the changes and your Search page layout will be added.

Previous How to Enable Support ticket system?
Next How to make changes in the links in the footer
Table of Contents