How to use the Helsinki theme

Once applied, click on Customize to make changes as per your choice.

Header & Favicon

In the Header section, you can make changes to the top section of your store:

  1. Store Logo: Change the logo of your store
  2. Show Store Name - When you enable this option by clicking on the toggle button, your store name will be shown alongside the logo of your store. If you wish to show only the logo, turn it off again.
  3. Favicon: A favicon is also known as a website icon or URL icon. It is a file containing one or more small icons, associated with a particular website or web page. You can change it to show your brand's short logo or any other image. By default, Dukaan's logo is shown as a Favicon if left unchanged. To change the Favicon, click on the Change Image button and upload the desired image.

Banners

You can choose to display six banners on the top section of your store and upload separate optimised banners for both mobile and desktop.

The recommended size for desktop banners is 1296px*544px and for mobile banners it is 360px*324px.

You can also choose to add clickable links to the banners.

Sections

Through sections, you can add the Newsletter section for your store by turning the toggle on.

Note: You need to have the MailChimp plugin configured to collect emails from your customers.

Fonts and Colors

The Fonts and Colors section allows you to change the entire color scheme and fonts of your store.

To edit this, click on the font family dropdown and choose from over 20+ different fonts for your store.

You can choose to edit the color scheme by adding a primary and secondary color for your store. You also have the option to choose from the existing color presets below.

Advanced

You can use the advanced section to modify the theme using Custom CSS. To know more about custom css and how to use it, click here.

Additionally, you can toggle the Sticky "Buy now" button to increase conversions on mobile and have a sticky button on the product page.

Homepage

Here are the settings you will see in the Homepage section of the Hesinki theme.

Let's see one by one what each of them do and how they look like on your store.

1. Marquee text:

Marquee text refers to a scrolling text effect that moves horizontally across a web page to draw attention to important information or to create an animated effect. The marquee text effect gives the illusion of text continuously scrolling in one direction.                                        Here's how it looks on the Helsinki store:

2. Category Product List & Section

These are the category sections that would be visible which you select in the dropdown of the category selector.

3. Clickable Banner section                                                                                                                Upload a high res image 1500px x 600px in size and have a classy banner on your homepage  

4. Youtube embed section

Here's how it would look like on your store

Remember to always hit the Update button at the top after making any changes to your store!

See Helsinki in Action

Was this article helpful?

How to use the Hellobar plugin?
How to use the Hotjar plugin?