Using the Theme Designer

You can use the Theme Editor in the Online Store to create a beautiful website that reflects your brand.

To get started, click on Online Store and then click on Theme Designer. You will now be able to view a preview of your website in the center of your screen and the Theme Designer options on the right-hand side of your screen. As you make changes in the Theme Designer, you will be able to see a preview of what they will look like on your website.

Logo

Store Logo: Click on the Upload button to add your business logo to your online store, your store logo should be 400 x 200 pixels.

Icon

Store Icon: If you would like to add an icon for your store, you can upload an .ico file using the Upload button. The file should have an extension of .ico and sizes should be 16x16, 32x32 or 48x48

General

Logo Width: Use the drop-down menu to select how wide you want your logo to be. As you make a selection you will be able to preview how it looks before you save the changes.
Hero & Product Images Size: Use the drop-down menu to change how small or large your product photos are.
Image Fit: Use the drop-down menu to choose between Crop or Scale, crop will adjust your images to fit in the product image box whereas scale will adjust the image based on its upload size to fit the entire image in the frame. You can preview the two options on the left-hand side of your screen as you switch between the two.
Brand Color: Click on the color icon to choose from pre-selected swatches, or use the color picker to enter a custom color.
Theme Mode: Use the drop-down menu to pick between light and dark mode.
Text Font: Use the drop-down menu to change your fonts.
Text Size: Use the drop-down menu to change your text size.