CODEWITHSUNDEEP
javascriptcssmagentothemes
CHARAF Designer
CHARAF Designer

Reputation: 1

How to Activate Inactive Sub-Category Slider in Magento Theme (Minimog)?

I am working with the Minimog theme on our Magento site and have encountered an issue with the sub-category slider on the category pages. This feature, which should display and allow scrolling through sub-categories, seems to be inactive.

Issue Description: After inspecting the frontend, I noticed that the slider component is present but does not function as expected—there is no interaction or movement in the sub-categories list.

the subcategory slider not functioning

and the HTML Snippet of the Slider:

<div class="sub-category widget-category-thumbnail-image">
   <div class="sub-category-slide slick-slider slick-initialized">
      <button class="slick-prev slick-arrow" aria-label="Previous" type="button" style="">Previous</button>
      <div class="slick-list draggable">
         <div class="slick-track" style="opacity: 1; width: 5400px; transform: translate3d(-1200px, 0px, 0px);">
            <div class="slick-slide slick-cloned" data-slick-index="-4" id="" aria-hidden="true" style="width: 300px;" tabindex="-1">
               <div>
                  <div class="elementor-category-thumbnail-image-item item-loading-slick" style="width: 100%; display: inline-block;">
                     <div class="elementor__item--hover"></div>
                     <div class="category-thumbnail__info absolute flex-layout bottom justify-content-between align-items-center">
                        <div class="category-info-wrapper">
                           <h3 class="category-thumbnail__title"><a href="https://hiind.net/Fr_FR/la-maman-et-bebe/nourriture-et-fournitures-pour-bebe.html" tabindex="-1"> nourriture et fournitures pour bébé </a></h3>
                           <div class="category-count"><span class="cat-count-number">1 items</span></div>
                        </div>
                        <a class="cat-icon-next" href="https://hiind.net/Fr_FR/la-maman-et-bebe/nourriture-et-fournitures-pour-bebe.html" tabindex="-1"><i class="far fa-arrow-right"></i> </a>
                     </div>
                  </div>
               </div>
            </div>

so inside the code he even rendered the category links and titles but doesn't show any category and couldn't identify the problem.
Questions:

  1. Has anyone faced a similar issue with the Minimog theme or another Magento theme where the sub-category slider is present but inactive?

  2. What steps can I take to debug or activate this slider feature? Are there specific JavaScript files or settings I should check?

Troubleshooting Steps Taken:

Upvotes: 0

Views: 36

Answers (1)

CHARAF Designer
CHARAF Designer

Reputation: 1

After troubleshooting, I found that the issue was due to configuration settings.

-Steps to Fix the Sub-Category Slider

  1. Enable the Sub-Collection Display in Theme Settings Navigate to Admin Panel → Stores → Configuration. Under Theme Settings → Category, ensure the following: Show Sub Collection → Set to "Yes". Ratio Sub Collection → Set to 1.
  2. Verify Parent Category Settings Go to Catalog → Categories, then:

Select the parent category containing the subcategories. Check the following settings: Category Thumbnail → Must be set (image should exist). Display Mode → Set to "Static block and products". Ensure there are products assigned to the category. 3. Ensure Subcategories Are Properly Configured For each sub-category, verify:

Use Parent Category Settings → Set to "Yes". Ensure the subcategory is enabled and has products. the result is

Upvotes: 0

Related Questions