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 > [Mobile 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 color of the bottom navigation, as well as the font / icon color when selected.
*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.
2. Product settings
i. Display style
Select "Grid view" or "Waterfall view". This setting will apply to all product elements and product detail pages in the app.
ii. 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