Submenu under magnify on prestashop

Kevin Doussaint
31 Posts
Kevin Doussaint posted this 07 November 2018

Hi,

When I put my mouse over my submenu wich is positionned on a picture (with magnify option that I cannot disable on prestashop ...) so the submenu under the magnify option, also on mobiles !

You can check it here : https://bytatiefofie.fr/tissus/274-tissu-maille-viscose-lurex-clair.html

I tried to make a z index to 0 on submenu and to 5 on picture but did not worked.

Thanks for help !

Kevin

Hi, When I put my mouse over my submenu wich is positionned on a picture (with magnify option that I cannot disable on prestashop ...) so the submenu under the magnify option, also on mobiles ! You can check it here : https://bytatiefofie.fr/tissus/274-tissu-maille-viscose-lurex-clair.html I tried to make a z index to 0 on submenu and to 5 on picture but did not worked. Thanks for help ! Kevin
Vote to pay developers attention to this features or issue.
4 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 07 November 2018

Hello Kevin,

z-index for the product image is set to 100 right now while the submenu has z-index:0; at some levels and 100 at others (i.e. z-index of all levels of the menu (list item, dropdown, nav bar, etc.) matters here).

Try adding this code to Home -> Settings -> Additional CSS:

#wrap .mousetrap {
  z-index:99 !important;
}

Gina
Themler Support

Hello Kevin, z-index for the product image is set to 100 right now while the submenu has z-index:0; at some levels and 100 at others (i.e. z-index of all levels of the menu (list item, dropdown, nav bar, etc.) matters here). Try adding this code to Home -> Settings -> Additional CSS: #wrap .mousetrap { z-index:99 !important; } Gina Themler Support
Kevin Doussaint
31 Posts
Kevin Doussaint posted this 08 November 2018

Hello Kevin,

z-index for the product image is set to 100 right now while the submenu has z-index:0; at some levels and 100 at others (i.e. z-index of all levels of the menu (list item, dropdown, nav bar, etc.) matters here).

Try adding this code to Home -> Settings -> Additional CSS:

#wrap .mousetrap {
  z-index:99 !important;
}

Gina
Themler Support

It works Fine thanks a lot Gina :)

> Hello Kevin, > > z-index for the product image is set to 100 right now while the submenu has z-index:0; at some levels and 100 at others (i.e. z-index of all levels of the menu (list item, dropdown, nav bar, etc.) matters here). > > Try adding this code to Home -> Settings -> Additional CSS: > > #wrap .mousetrap { > z-index:99 !important; > } > > Gina > Themler Support It works Fine thanks a lot Gina :)
neerajdagar530
1 Posts
neerajdagar530 posted this 27 June 2024

Besök oss på reliasweden.se för att upptäcka vårt utbud av högkvalitativa vintage läder klockarmband. Vi är här för att hjälpa dig hitta den perfekta matchningen för din stil och din klocka.

Besök oss på reliasweden.se för att upptäcka vårt utbud av högkvalitativa vintage läder klockarmband. Vi är här för att hjälpa dig hitta den perfekta matchningen för din stil och din klocka.
ivym65874
7 Posts
ivym65874 posted this 04 July 2024

In PrestaShop, creating a submenu under "Magnify" enhances user experience by organizing related features like zoom settings or image galleries. Utilize PrestaShop's module sky replacement services configuration options to customize submenu items, ensuring easy navigation and improved functionality for customers exploring product details on your e-commerce platform.

In PrestaShop, creating a submenu under "Magnify" enhances user experience by organizing related features like zoom settings or image galleries. Utilize PrestaShop's module [sky replacement services][1] configuration options to customize submenu items, ensuring easy navigation and improved functionality for customers exploring product details on your e-commerce platform. [1]: https://realestatephotoservice.com/sky-change-services/
You must log in or register to leave comments