Sortable Category Tabs: A Complete Guide

Introduction

The Sortable Category Tabs feature allows users to easily organize and navigate through different categories in your price list. This feature improves accessibility and user engagement by providing a streamlined browsing experience. 

Want to see this feature in action? Live Preview

Benefits, Features & Use Cases

Benefits & Features

• Improved User Experience: Simplifies navigation, making it easier for users to find what they need.  
• Customizable Tabs: Organize categories into sortable tabs for easy navigation. 
• Responsive Design: Ensures smooth operation on both desktop and mobile devices. 
• Quick Access: Users can quickly find the category they are interested in. 

Use Cases

• E-Commerce Stores: Organize products into sortable categories for better browsing. 
• Service Providers: Categorize different services for easy client navigation. 
• Restaurants: Separate menu items into distinct categories like appetizers, main courses, and desserts.

What It Looks Like

Front-end

Back-end

How to Activate & Use This Feature

1. Select a Compatible Style  

Choose a style that supports sortable category tabs: Style #1, Style #5, Style #6, Style #7, or Style #8. 

2. Add Category Titles 

Enter the title for each category. The tabs will be created automatically based on the titles you add.

3. Add More Categories 

Click the "Add Category" button to include additional categories. You can add as many as you need. 



Your price list is now organized with sortable category tabs, enhancing navigation and user experience. 

Settings & Options 

To access these settings, go to "More Settings": 

• Change "All" Word for Category Tab: Customize the word used for the "All" tab.
  
  
• Default Tab: Set the default category tab that appears first.
  
  
• Display the "All" Category Tab: Toggle the visibility of the "All" tab.
  
  
• Divider Style: Choose a style for the category dividers.
  
  
• Embed Category Title to Cover Image: Embed the category title directly onto the cover image (Style 10).
  
  
• Category Cover Image Dark Overlay: Adjust the darkness overlay percentage on cover images.
  
  
• Stylish Category Tabs: Enable stylish tabs for a better visual experience.
  
  
• Category Separator Symbol: Toggle the separator symbol between categories.
  
  
• Dropdown Menu for Categories: Enable a dropdown menu for category selection.
  
  
• Prevent Keyboard Popup on Mobile Devices: Disable keyboard popup when using the dropdown menu on mobile.
  
  
• Enable Category Selection Scroll Effect: Enable scrolling into view of the price list while switching between categories.
  
  
• Dropdown Width: Set the width of the dropdown menu.

Additional Information

Frequently Asked Questions (FAQs)

Q: How can I customize the tabs? 

• Depending on the selected style, each comes with a distinct design. Choose the one you like best. 

Q: Can I change the font style and size of the tabs?  

• Yes, in the "Font Settings" section, you can customize the font style and size for the category tabs. 

All Elements & Features

Want to see the plugin in action? Live Preview
Learn more about All the Features

Need Support?

Ask a question or request support
Request a feature or give feedback