How to make changes in the Layout of the website

You are here:
< All Topics

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

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

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

Now You can make the change/edit or add/define the new layout for the particular pages, mentioned below:

  1. My account
  2. Home page
  3. Category Page/ Category page with -InfiniteScroller/ Category-infinitescroller-button/ Category_Searchplug
  4. Search Page/ Search-InfiniteScroller/ Search-Searchplug

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. Account/ Account Login/ Account Registration:
Click on edit button next to the Account/ Account Login/ 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 to adding the layout to the store, refer to the screenshot below for clarity

0nce you click on add it will navigate you to a different screen, refer to the screenshot bellow:

  • 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/ Category page with -InfiniteScroller/ Category-infinitescroller-button/ Category_Searchplug:
Click on edit button next to the Category Page/ Category page with -InfiniteScroller/ Category-infinitescroller-button/ Category_Searchplug for adding the layout to the store, refer to the screenshot below for clarity

Kindly keep a not 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 Search plug and remove the same from Category layout
  • In case you want to add infinity Scroll with a button you need to add the layout in Category page with -InfiniteScroller with a button and remove the same from other category layout
  • In case you want to add only infinity Scroll 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/ Search-InfiniteScroller/ Search-Searchplug
Click on edit button next to the Search Page/ Search-InfiniteScroller/ Search-Searchplug for adding the layout to the store, refer to the screenshot below for clarity

Kindly keep a not 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 Search layout
  • In case search plug is enabled on your website, then you need to add the layout in Search-InfiniteScroller and remove the same from Search layout

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

Previous How to Edit/Create the content of Static pages
Next How to make changes in the links in the footer
Table of Contents