Designing Shopping Bag Page

A well-designed shopping bag page helps increase conversion rates.

Setup Steps

From your SHOPLINE admin panel, go to Apps > Shopper App > App Design and click the Design button to access the design editor. From the dropdown menu at the top, select Shopping Bag.

In the shopping bag page editor, you can choose the content you want to display, but you cannot add components or rearrange the order.

1. Setting the Notice board: The Notice board component is displayed at the top of the shopping bag page. The content of the Notice board can either be synchronized with the app homepage Notice board or set independently. If you choose Synchronize with App Homepage Notice board, the text, color, etc., of the Notice board cannot be edited. If you choose Independently set, you can edit the Notice board text, color, set the publication time, etc., and also hide individual Notice board content.
   
   
   
   
2. Setting Product Recommendations: You can set the product recommendation module to be displayed or hidden, and you can also set the display style.
   
   
   

   Note: The store must have the Product Recommendation app installed and the product detail recommendation enabled for the display or hide functionality to be available for product recommendations. If the store has not installed the "Product Recommendation" plugin or the plugin has not enabled product detail recommendations, the product recommendation module will be grayed out and cannot be displayed. You can follow the prompts below to proceed.

3. Publish: After editing and ensuring there are no issues in the preview, click the Apply button in the upper right corner to publish the design to the app.