Within the "Theme Settings" in the app page editor, you can configure the app's color and product settings. These settings apply to both "Simple Template" and "Mall Template". You won’t need to reconfigure them if you switch between templates.
This article will cover the following:
Go to SHOPLINE Admin > [Shopper App Management] > [App Design] > [Current Template]. Click Set up to enter the app editor page.
Click the Theme Settings icon on the left sidebar. The following will introduce color settings and product settings separately.
1. Color settings
You can use the color palette or enter a color code directly.
i. Top navigation
Set the background color and font color of the top navigation.
ii. Bottom navigation
Set the background / font / icon / shopping cart color of the bottom navigation.
*Note: If the icons are custom images, the color settings here will not take effect.
iii. Button
Set the background color and font color of the buttons. This setting will apply to the discount code, text, product list, and app download gift elements.
iv. Product Promotion Label
Set the background color and font color of the product promotional labels. For more information about product promotional labels, please refer to this FAQ.
v. Product Price
Set the color of the product price for the following:
- Regular price
- Regular price with a strikethrough when a sale price is available
- Sale price
2. Product settings
i. Product image propotion
Set the product image proportion for the app homepage, product list page, and product detail page. You can select between 3:4 or 1:1.
*Note: This setting also applies to the Mall Template’s product slider, product list, and product with text elements.
- 3:4
- 1:1
ii. Display style
Select "Grid view" or "Waterfall view". This setting will apply to all product elements and product detail pages in the app.
iii. Display variation
If you want to display variation images within the app, turn on the "Display variation images" toggle and select the specified variation.
*Note:
- This setting will apply to all product elements, product list pages, and product detail pages in the app.
- Go to SHOPLINE Admin > [Product & Categories] > [Products] > [Variations] to add variations and images. Only then will the product variation images be displayed in the app’s product elements / product list pages.
Comments