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