The Product Category slider woocommerce plugin provides an easy-to-use Shortcode Builder that helps you display WooCommerce product categories in a customized and visually appealing format. You can showcase product categories using grid or slider, apply styling options, and configure display settings to match your store’s branding.
1. What is a Shortcode?
A shortcode is a small code snippet that enables you to display dynamic content anywhere on your WordPress site (pages, posts, or widgets). The plugin automatically generates a shortcode for each category design you create.
Example shortcode:
[dpcd_categories_design id="3771"]
Code language: JSON / JSON with Comments (json)You can copy and paste this shortcode into any page, post, or widget to display the designed category section.
2. Shortcode Builder Interface
When you create or edit a category design, the Shortcode Builder appears at the top of the settings panel.
Key Components:
- Shortcode Field – Displays the unique shortcode for your category design.
- Copy Button – Quickly copies the shortcode for use in your WordPress content.
- Instructions Section – Guides users on how to apply the shortcode.
Tip: Every time you modify a category design, the shortcode automatically updates to reflect the changes.
3. General Settings for Category Display
The woo category Design panel provides various settings to control which product categories appear and how they are arranged.
Category Selection
Select Categories – Choose which WooCommerce product categories to display.
Hide Empty Categories – Enable this option to hide categories with no products.
Order By – Select Ascending (ASC) or Descending (DESC) order.
Layout Selection
The plugin offers multiple layout styles: Grid Layout – Displays categories in a structured grid format.
Slider Layout – Creates an interactive slider to showcase categories.
4. Customizing Category Appearance
You can fully customize the visual design of your category display using the styling options.
Background & Hover Effects
Background Color – Choose a custom background color for category content.
Hover Background Color – Set a different background color when users hover over a category.
Text & Offer Styling
Offer Color – Customize the text color for promotional offers.
Special Offer Toggle – Show or hide a special offer label for categories.
Category Name Customization
Show/Hide Category Name – Choose whether to display category names.
Category Name Color – Select a custom color for category titles.
Category Name Background Color – Set a background color behind category names.
Tip: Use contrasting colors for better readability and visual appeal.
5. Using the Shortcode in WordPress
Once you’ve configured your category display, use the shortcode to embed it anywhere.
Adding Shortcode to a Page/Post
1. Copy the shortcode from the Shortcode Builder.
2. Navigate to Pages > Add New (or edit an existing page).
3. Paste the shortcode into the WordPress editor.
4. Click Publish or Update to save changes.
Adding Shortcode to a Widget
1. Go to Appearance > Widgets.
2. Add a Text or Shortcode widget to the desired widget area.
3. Paste the shortcode inside the widget field.
4. Save changes and preview the results.
6. Previewing the Category Display
Once the shortcode is added, your categories will appear as per your selected layout, styling, and display options.
Grid View Example – Neatly organized categories with images and descriptions.
Slider View Example – Smooth sliding animation for interactive navigation.
Tip: Adjust styling settings to match your store’s branding for a cohesive look.
7. Troubleshooting & Support
If your categories are not displaying correctly:
- Ensure the plugin is activated in the WordPress dashboard.
- Check category selection in the settings panel.
- Verify that selected categories have products (if “Hide Empty Categories” is enabled).
- Confirm shortcode placement inside the correct content section.
For further assistance, visit the Support Section in the plugin dashboard.
The product slider and carousel with category for woocommerce plugin makes it easy to create and customize beautiful, responsive WooCommerce category sections with just a few clicks. Use the Shortcode Builder, customize settings, and embed your design anywhere on your site to enhance user experience.