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
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.
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.
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
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
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.
Once you are done making your changes, click on
Reset Design to clear the edits, or
Save to apply the changes.