How to change the logo, slider, banner, etc.

 

In addition to product images, the homepage also includes other visuals such as the logo, banner, and slider.

Let’s go over how to change them.

We'll start at the beginning.


Logo

To change the store logo, go to "Settings" → "My Store". In the new window, locate the "Company Logo" section, click "On", choose the desired image file, and confirm with "OK".

You can set the logo height in the admin panel: "Design" → "Template Settings" → "Header Blocks" → "Logo". There, you can adjust the logo height for both desktop and mobile views.

The logo container width should not exceed three times its height. If you're using a large logo, you may need developer support to modify the code.
Note that the uploaded image will be automatically resized to match the specified height while maintaining proportions. The more proportionally scaled the image (e.g., x2, x3), the better it displays on modern devices.
You can also crop the image in the "My Store / Images" section to better fit the container.

That’s it! The logo will now appear in the website header.


Slider

To change a slider image, go to "Content / Pages / Slider".

How to edit the first slide?

To temporarily hide the slide, toggle the switch to the left:

The switch color will change from blue to gray.

To edit a slide, click the "Refresh" button:

If you want to use one image for all languages, upload it in the left column:

To set different images per language, switch between the language tabs and upload accordingly.

To add an image, click the "Image" button:

Step 1: open the "Upload" tab
Step 2: click "Choose File" to select your image
Step 3: click "Send it to the Server", then confirm with "OK"

Don’t forget to save your changes before exiting the editor.

You can also upload a separate slide for mobile devices. To do this, click the image icon in the text editor and enter "mobile_slide" in the "Code" field.

To add a new slide, click the green "+" button:

In the new window, name your slide and upload the image as described above.

*****

Video Slider

You can also add a video to the slider.

Go to "Content / Pages / Slider" and add a new slide.

Enter a name, e.g., "Video", and paste the YouTube video link into the "URL link" field.

Click "OK" to save your changes.

Adding a link to an image

If you want an image to redirect the user to another page when clicked:

Step 1: open the page and select the image
Step 2: click the "Link" icon

Step 3: enter the URL and confirm

Alternatively, if the image was uploaded on the left panel, you can enter a shortened link such as contact_us.php


Banner

Changing a banner is similar to editing a slider.

To edit "Banner No. 1", go to "Content / Pages / Blocks" and click "Refresh" next to "Left Banner 1".

The banner editor will open — follow the same steps as for the slider.

You can also edit "Banner No. 2" and the "Long Banner" in the same way.


 

Last updated on: 02/05/2025
icon