You can edit your MyCustomizer theme to match the styling you have on your online store to ensure a coherent branding throughout your website. You can choose between two themes, Barebones and Booklike, the former for more complex products and the latter designed for simpler ones.
Editing your theme
Log in the MyCustomizer dashboard.
In the left menu, click on Theme editor.
Modify your fonts, colors, and borders.
Hit the Publish button to publish your modifications.
It's currently possible to select any font from the Google Fonts catalog.
Hint: If you have longer descriptions, they will display entirely in the desktop view. However, we recommend reducing the font size for the 'Mobile descriptions' in the mobile view so that the descriptions be visible for the customer.
Changing your thumbnails shape
If you choose the Booklike theme, you can modify the shape of your thumbnails from round to square.
Under Thumbnails button edit the Thumbnail rounding value.
0 = square
Any value higher than 0 will add rounded corners to your thumbnails, up to a point where it will become a perfect circle.
Using large thumbnails buttons
If you choose the Booklike theme, you can use large thumbnail buttons for some specific questions. In the following example, large thumbnail buttons are used in order to display the different phone case styles more clearly.
To use large thumbnail buttons for a question :
In the Theme Editor > Change theme, select the Booklike theme
In the product builder, click on the question where you would like to have large thumbnail buttons. In the properties, on the right panel, under Input, select Large thumbnail buttons.
You can edit the Large thumbnails buttons style in the Theme editor.
Displaying your question panel on the left or right side of your customizer
You can choose to display your question panel on the left or right side of your customizer. To do so, go to the Theme Editor, under Question Panel > Panel position, select Left or Right.
Adding step thumbnail images next to your question titles
If you choose the Barebones theme, you can add thumbnail images next to your question titles to illustrate what this question is.
In the Theme Editor > Change theme, select the Barebones theme
In the product builder, click on the question where you would like to add a step thumbnail image. On the right panel, click on Settings, under Step thumbnail, upload your image.
To edit the thumbnail size, rounding, border color and thickness, go to the Theme Editor > Step Title.
Resetting your theme
To restore your theme settings to their original click on the RESET button.