Archive View Mode is an excellent widget that comes with ShopEngine. With this widget, you can alter the product display and have a better look at the products. The product details show up beside the product images and give more clarity to the viewers.
How does Archive View Mode Widget Work?
First of all, go to the dashboard of your admin panel and find ShopEngine from the list of items. Click ShopEngine and then select Templates from the drop-down menu. Then, click the “Add New” button on top right beside the text “Templates”.
Immediately after that, a popup window will show up for template settings. Set your template name in the Name field and select the type Archive/Shop as your goal is to check out the Archive View Mode widget.
Also, you can choose a default sample design or start designing from scratch. Finally, hit the “Save Changes” button.
Your template is created and you can see it on top of the list. Now, click “Edit with Elementor” to switch to the Elementor window.
In this step, you will notice a sidebar on the left with a list of ShopEngine widgets. Find Archive Products widget from the ShopEngine Product Archive section or you can normally search the widget on the search field and then drag and drop it to the designated area.
With that, the archive products will show up on the screen. The layout may not look catchy but you can spice it up by enabling Layout settings, setting products per row, and setting rows per page as shown below.
Find the Archive View Mode widget from the ShopEngine Product Archive section or you can normally search the widget on the search field and then drag and drop it to the designated area.
With that, the Archive View Mode widget will appear on the screen. The widget contains both view mode and standard mode. You can click the view mode and your products’ layout will change. You can make necessary changes from the Style tab like icon size, icon box size, alignment, color, etc.
This is how you can use the Archive View Mode widget of ShopEngine. .