This update enhanced the UI design of the homepage and product detail page, improving overall visual appeal and strengthening product merchandising. In addition, the Member Center now supports fully customizable elements to better align with each merchant’s unique branding needs.
This article highlights the key features of the Shopper App platform version 1.18 update.
i. Enhanced homepage design
- Background color between elements adjusted to white, applicable to both the Simple Template and Mall Template.
- Search bar now applies the background color from [Theme Settings] > [Color Settings] > [Button].
ii. Optimized Main Tab
Main Tab now supports up to 10 custom tabs (previously limited to 4). Selected tab names apply the background color from [Theme Settings] > [Color Settings] > [Button].
iii. Optimized Product Elements
- Adjusted "Wishlist" icon style and position.
- Moved "Add to Cart" icon to the right of the price, with background color from [Theme Settings] > [Color Settings] > [Button].
- Moved "Members Exclusive" label above the price.
- Moved "Coming Soon" and "Sale Ended" labels to the main product image.
- Changed "Shopping Cart" icon design from shopping bag to shopping cart.
iv. Optimized product detail page
Adjusted buttons on the product main image, product information display, and top/bottom page buttons. For more details, please refer to: Product Detail Page | Shopper App.
v. Support for custom Member Center
You can now flexibly design the elements displayed in the Member Center to create a brand-exclusive member page. For detailed setup steps, please refer to: Member Center Page | Shopper App (New).
vi. "Slidable Banner" link options added
Adjusted to native app pages. Available pages include: Featured Promotions / Promotions / Selected Category / Top Ranking / Store Information / Product Detail Page. You can also select a custom URL. For details, please refer to: Slidable Banner Element | Shopper App.
vii. "Navigation Grid with Icon" new options
- Icon content now includes Coupon Center / My Address / Customer Service. Supports up to 5 columns.
- Support for adding multiple Navigation Grid with Icon elements.
For detailed setup steps, please refer to: Navigation Grid with Icon Element | Shopper App.
Comments