PrestaShop 1.7 Madina主题移动端轮播模块显示问题求助

Hey there, let’s work through this issue together— I’m familiar with the Madina theme’s hook structure and responsive behavior, so here’s a step-by-step solution tailored to your setup:

1. First, Verify the Module’s Mobile Visibility Toggle #

Head to your module manager, locate your slideshow module, and check for built-in responsive settings. Some Madina modules include a toggle to enable/disable display on mobile devices— make sure this is switched on for mobile views.

2. Reassign the Slideshow to a Mobile-Friendly Hook #

The core problem is likely that the menu-right hook you used isn’t rendered on mobile (Madina often hides this area in responsive mode to save screen space). To get the slideshow showing before the Newer Products module, reassign it to a hook that loads early on the homepage and works across all devices:

• Open your slideshow module’s settings, find the "Hook into" dropdown menu.
• Select the home hook (this is the primary homepage hook where the Newer Products module typically resides).
• Save the changes, then navigate to the "Positions" tab in your module manager. Locate the home hook section.
• Drag your slideshow module above the Newer Products module— modules are rendered in the order they appear here, so placing it first ensures it displays before the products section.

3. Fix CSS If the Slideshow Still Remains Hidden #

If the slideshow is in the correct hook but still doesn’t show on mobile, it’s probably being hidden by theme CSS. Use your browser’s dev tools (press F12) to inspect the slideshow element and check for display: none or visibility: hidden rules targeting mobile breakpoints.

Add this custom CSS to your theme’s custom stylesheet (or the "Custom CSS" section in theme settings) to force it to display:

@media (max-width: 767px) {
  /* Replace with your actual slideshow class/ID (grab from dev tools) */
  .module-slideshow, #slideshow {
    display: block !important;
    margin-bottom: 1.5rem; /* Optional: Add spacing above the Newer Products module */
  }
}

4. Test and Clear Caches #

After making these adjustments, clear your theme cache and browser cache, then load your beta website on a mobile device. The slideshow should now appear above the Newer Products module as intended.

内容的提问来源于stack exchange，提问作者khalil