Dynamic Product Category Grid, Slider for WooCommerce

⌘K
  1. Home
  2. Dynamic Product Category ...
  3. Getting Started
  4. Slider Layout

Slider Layout

WP Product Category Slider Layout – Full Settings Guide

The Slider Layout in WP Product Category Design allows you to showcase your product categories in an interactive, sliding format. This layout offers smooth transitions, autoplay options, navigation controls, and customization to match your website’s style.


1. Select Layout

OptionDescriptionChoices
Select LayoutChoose the slider style for displaying product categories.Various visual styles representing different slider designs (e.g., with arrows, dots, etc.)

2. Content Position

OptionDescriptionChoices
Content PositionDecide where to position the category content within the slider.Left, Center, Right

3. Enable Autoplay

OptionDescriptionChoices
Enable AutoplayAutomatically slide categories without user interaction.Yes / No

4. Show Arrow Navigation

OptionDescriptionChoices
Show ArrowDisplay next/previous arrows for manual navigation.Yes / No

5. Arrow Position

OptionDescriptionChoices
Arrow PositionPosition of navigation arrows relative to the slider.Side, Top, Bottom

6. Show Dot Navigation

OptionDescriptionChoices
Show Dot NavigationDisplay dots for indicating slide position and navigation.Yes / No

7. Dot Navigation Style

OptionDescriptionChoices
Show Dot NavigationShow or hide dot navigation controls.Yes / No

8. Show Dot Navigation

OptionDescriptionChoices
Show Dot NavigationShow or hide dot navigation controls.Yes / No

9. Arrow Position

OptionDescriptionChoices
Arrow PositionPosition of navigation arrows (e.g., Side or Inside the slider).Side, Inside

10. Show Dot Navigation

OptionDescriptionChoices
Show Dot NavigationEnable or disable the navigation dots below the slider.Yes / No

(Replace “XYZ” with your specific slider ID if applicable.)


12. Additional Options (from other tabs)

While the above covers the core slider settings, you may also configure:

  • Transition Speed: How fast slides transition.
  • Slides to Show: How many categories appear per slide.
  • Responsive Settings: Adjust number of visible slides per device.
  • Navigation Customization: Style arrows and dots via CSS.

11. Instructions Section

How to display this?

Copy the shortcode provided and embed it into your page or post to display the slider:

CopyRun[product_categories_slider id="XYZ"]


(Replace "XYZ" with your specific slider ID if applicable.)


Summary

This configuration allows you to create an engaging, customizable product category slider with options for autoplay, navigation arrows, dots, content positioning, and styling. Adjust these settings to match your website’s aesthetic and user experience goals.


Need further assistance?
Consult the plugin documentation or support for advanced customizations like CSS tweaks or specific layout behaviors.

How can we help?