1. Basic settings

A modern online store should be convenient, intuitive, fast, and attractive to users.

The design of an online store is not only a beautiful shell for a functional core, it must arouse the interest of the user from the first seconds, every element of the site must have its place, be displayed correctly on every device (desktop, tablet, smartphone). That is, today - design plays one of the key roles in the promotion of the site.

The Solomono team has developed a convenient functionality for working with the design of your online store. Which greatly simplifies service processes: making a purchase thanks to automation, increasing the level of demand by advertising goods, which stimulates the interest of new users. Also, the team has developed forms in the admin panel for collecting reviews, comments and opinions of users about the products of your online store.

To set up the online store, you need to go to the admin panel and open the "Configuration" - "Design" page.

In the "Basic settings" section, in general, you can change the color scheme of your site, the background of the pages, the color of the buttons, the number of products on the page, etc.:

More details:

  • "Number of products per page":

Specify the possible "number of products per page" in the admin panel:

which will be displayed on your site:

  •  “Content width”

In the admin panel, set "Content width", you can choose 100% of the screen, or you can limit it to a maximum of 1440px.

Width 1440px:

output on the site with a width of "1440px":

 

Width 100%:

output on the site at "100%" width:

 

  •  “Number of products in a line”:

In the admin panel, in the "number of products in a row" block, you can set the appropriate number of output of the product, where each value has a hint under which condition the given value will be output, namely the screen extension (Desktop, tablet, mobile version):

  • The "Small Image Height" and "Small Image Width" blocks are responsible for the size of product images

  •  “Show/hide left column”:

In this block, you can enable/disable the output of the left column of your site

  •  “Indentation between products”:

In this block, you can add an indentation between products on the site

 

  •  “Product output format”:

  •  “Stretching the image of the product”:

In the section "Stretching the image of the product" you have the opportunity to set the position of the image.
contain - picture in original size:

cover - the picture will be scaled according to the height and width of the block in which it is located:

 

  •  “Change picture on hover”:

In the "Change picture when hovering" section, you can independently enable/disable the effect of changing one picture to another when hovering over the product block 

starting position:

when pointing:

  •  “Text color”:

In the "Text color" section, you can change the text color for the entire site

  •  “Hat background”:

In the "Background of the cap" section, you have the opportunity to change the background color of the cap of your website yourself

  •  “Basement background”:

In the "Basement background" section, you have the opportunity to change the background color of your website's basement

  •  “Link color”:

In the "Link color" section, you can independently change the color of the links for your site

  •  “Button color”:

In the "Button color" section, you can independently change the background of the buttons for your site

  •  “Background color”:

In the "Background color" section, you have the opportunity to independently change the background color for your entire site

  •  “Button text”:

In the "Text of the buttons" section, you have the opportunity to change the color of the text for the buttons of your site yourself

  •  “Gray elements”:

In the "Gray elements" section, you have the opportunity to independently change the background color of some elements of your site, such as: search background; category background in the left column; feedback block background; border of the block of goods when hovering; button in the lower right part of the site, which raises the content up. 

Last updated on: 04/07/2024
icon