Cookies setting

Cookies help us enhance your experience on our site by storing information about your preferences and interactions. You can customize your cookie settings by choosing which cookies to allow. Please note that disabling certain cookies might impact the functionality and features of our services, such as personalized content and suggestions. Cookie Policy

Cookie Policy
Essential cookies

These cookies are strictly necessary for the site to work and may not be disabled.

Information
Always enabled
Advertising cookies

Advertising cookies deliver ads relevant to your interests, limit ad frequency, and measure ad effectiveness.

Information
Analytics cookies

Analytics cookies collect information and report website usage statistics without personally identifying individual visitors to Google.

Information
mageplaza.com

Magento 2 Vertical and Horizontal Layered Navigation

Vinh Jacker | 03-06-2017

Vertical and Horizontal

As a Magento 2 extension provider with many experience years, Mageplaza understands that the important aspects of making a successful Layered Navigation are not only about the powerful features or the speed but also about the user-friendly and flexible design.

Hence, the Layered Navigation Ultimate Magento2 now supports the Vertical & Horizontal Navigation feature which allows you to flexible the filter layout.

Related post:

Apply Filter Button Feature of Layered Navigation

Benefits Vertical and Horizontal Layered Navigation

Flexible design Layered Navigation

By default, the Vertical & Horizontal Navigation feature has 3 display styles:

  • Vertical
  • Horizontal
  • Vertical and Horizontal

That means this feature can match to any store design with different purposes. Moreover, the simple but smart design of the Layered Navigation bar itself can suit perfectly and make the site to be stunning.

Improve shopping experience

It’s undoubted that the visitors will have the better shopping experience when coming to your store. The user-friendly design is the key to helping the visitors to filter the desired items easier and quicker. Turning the shopping experience of the shoppers to be efficient, convenient and enjoyable is an effective way to increase the number of the loyal customers for your store. Of course, your business will grow outstandingly.

Display Styles

Vertical Layered Navigation

Magento 2 Vertical Layered Navigation

Horizontal Layered Navigation

Magento 2 Horizontal Layered Navigation

Vertical and Horizontal Layered Navigation

Magento 2 Vertical and Horizontal Layered Navigation

Configuration

Step 1: Go to the configuration field

Go to Admin Panel > Mageplaza > Layered Navigation > Configuration > General Configuration tab.

In the Show Navigation field, choose 1 of 3 options below :

  • Vertical
  • Horizontal
  • Both

Step 2: Save and check result

Click Save Config and see the result.

Magento 2 Configuration Horizontal Layered Navigation

Table of content
    Jacker

    With over a decade of experience crafting innovative tech solutions for ecommerce businesses built on Magento, Jacker is the mastermind behind our secure and well-functioned extensions. With his expertise in building user-friendly interfaces and robust back-end systems, Mageplaza was able to deliver exceptional Magento solutions and services for over 122K+ customers around the world.



    Related Post

    Website Support
    & Maintenance Services

    Make sure your store is not only in good shape but also thriving with a professional team yet at an affordable price.

    Get Started
    mageplaza services