Layout Switch

Author: An Do 1921 views

This element allows users to switch between the Listing Grid layouts on the front end to select the most convenient one.

image 38

1. Content

Note: This element only works on live page of the Collection page, and with the Grid layout of the Collection products element.

image 42

Under the Content tab of this element, you can change the size and adjust the space between each switcher.

image 39

2. Design

2.1. General

You can adjust the Alignment, Background, Box Shadow, Border, Border Radius, and Spacing for the Layout Switch.

image 43

2.2. Button

You can adjust Color, Background, Border, Border Radius and Spacing for the Button on Normal, Hover, and Active mode

image 41

This is a result of the live page

Leave a Comment

Enjoy a free 3-day trial. Then get your first month for $1. Try Now.