Changing the design of the store homepage

Changing the design of the store homepage


SiteCliq automatically creates a store homepage where store categories and products are placed. This page can be accessed by adding /shop at the end of your domain (for example, yoursite.com/shop) or by pressing the link in the store categories settings:


You can edit the layout and the texts on this page to create a custom design in your own language.


1. Accessing the store homepage

1. Open the editor of the site where you'd like to customize the store homepage.


2. On the editor toolbar, click on the pages tab and choose the Store homepage:


2. Customizing the existing blocks and elements on the page

1. Click on the gear icon of the element to be able to further customize it. For example, if you click on the category or subcategory settings, you'll be able to adjust the layout:



2. If you access the category products settings, you'll be able to change its layout and set the amount of maximum items in a row. In addition, you can choose what product information is displayed:


3. Navigate to the Action tab in that same window for more button customization including the button text:


Also, in the Advanced tab, you can add CSS classes to the block:



Detailed instructions for adding classes can be found here.


3. Adding new blocks and elements to the store homepage


Just like any other page in the editor, the store homepage allows you to add, hide and remove elements/ blocks. You can find the relevant guides here:


Adding blocks

Hiding a block on a page

Adding elements




    • Related Articles

    • Displaying products on Your Store's homepage

      Once you add your products in the store settings, you can decide on the best way to showcase them to the site visitors. This article talks about displaying the products on the store home page, but you have 2 other options: Adding a store block to any ...

    • Changing the design of the Product Page

      Each product in the online store gets its own page with unique URL and all the product information. By default, all product pages look similar and consist of a header, footer, and a block with product details. Here's an example of what a product page ...

    • Changing the Language of the Online Store

      In this guide, you will learn how to translate all the system text parts in your online store. You can manually set the text you need in a single section in the site settings, where collected the majority of all phrases displayed on your online ...

    • Changing the design of the category page

      SiteCliq automatically creates a universal category page for all the categories you have in your store. By default, this page contains your site's header and footer, as well as the category name and the products you put in this category. Here's an ...

    • Changing product URL in the online store

      Each product in your online store has a dedicated page with a description, media gallery, SKU, and others. By default, the product page link is generated based on its name: See how you can change the URL of the product page in the SEO settings. ...