Picture sizes

A banner is a graphic image with or without text. It gives an idea to site visitors about a company or product, attracts their attention, and invites them to make a purchase.

The Solomono team has developed functionality so that such a banner independently adjusts to different sizes of site blocks and the content is displayed correctly.

Also, our functionality provides the ability to independently set the height, width, position of the banner on the main page. To do this, in the administration panel in the “Design” -> “Template settings” -> “Blocks on the main page” section, you can set the necessary parameters:

For example: place the banner on the entire width of the page or content:

Naturally, in order for the banner on your site to be displayed correctly, you need to select images for the width of your site or content, and you can specify the height of the image in the administration panel, which will ultimately allow you to display your ad in a better form.

For example, for a standard site with the set parameters “by content width”:

The minimum width is 1410 pixels, the height is 380 pixels, that is, even if you have selected images with a higher height, you can independently set the desired height dimensions in the administration panel:

Modern specifications on the Solomono platform make it possible to make the images used on site pages flexible and correctly displayed on the screens of various user devices.

You also need to know that if your banner contains text, embedded images, which can affect the quality of the image in the mobile version, then for such options the Solomono team has added the ability to add additional banners for the mobile version, which you can add yourself through the administration panel in section “Content” -> “Pages” -> “Slider”:

Where you have the opportunity to add a picture option as for the desktop version:

And for the mobile version, by clicking the “select file” button:

For a better understanding of the image settings, check the main customization of the admin panel in the "Design" -> "Adjusting the template" -> "Basic settings" section:

where it is possible to manipulate the size of images, logo, image output form, quantity, where for your convenience in each field there is information, when hovering over which you will see a hint:

 

 

To set up a long banner on the main page:

   You just need to add an image in the administration panel in the “Content” -> Blocks -> “Long banner” section, and for the high-quality display of your banner, you need to choose an image that will match the width of your site content, at least 1035 pixels wide:

To customize the banner in the left column:

You need to add an image in the administration panel in the “Content” -> Blocks -> “Banner on the left” section, and for the high-quality display of your banner, you need to select an image at least 345 pixels wide:

 

To set up a banner on the left (facebook):

You need in the administration panel in the section “Content” -> Blocks” -> “Banner on the left (facebook)”, -> clicking the “source” button -> add links to your facebook account, -> and set the name:

After adding links to the “Banner on the left (facebook)” block, for the correct display of information, you need to go to the “Settings” -> “My store” -> click “Compress now” -> “ok”:

To add a logo:

you need to go to the section “Settings” -> “My store” -> section: Images -> click “Upload” -> “Select file” -> “ok”:

To adjust the size of your logo, go to the “Design” -> “Header Blocks” section -> where in the Logo line -> specify the height and width you need in pixels -> “ok”:

To set the size of images for products:

go to the “Design” -> “General settings” -> specify the height and width of the images in pixels, for example: 150 pixels -> “ok”:

To set up a double banner in a template https://solo_home.solomono.net/:

In the administration panel in the section “Content” -> “Pages” -> “Double banner on the main page”:

You can add images for blocks by clicking the “select file” button:

and add a title and a link. To replace the link, click "Insert/Edit Link":

and provide the required link:

As a result, when you click on the banner, you will be transferred to the desired section of the site:

 

Last updated on: 03/04/2023
icon