OffCanvas Menu Not Displayed on Product Pages (view=item) in Phoca Cart

Phoca Cart - complex e-commerce extension
Serebro200
Phoca Member
Phoca Member
Posts: 49
Joined: 26 Aug 2018, 17:23

OffCanvas Menu Not Displayed on Product Pages (view=item) in Phoca Cart

Post by Serebro200 »

An issue has been identified where the navigation OffCanvas menu works correctly on product category pages but is completely absent on individual product card pages. This is a visual problem that negatively impacts usability and conversion rates.

Steps to Reproduce:

Open a category page
Click the OffCanvas menu trigger button → the menu is displayed, functionality works.
Navigate to any product card page
Click the OffCanvas menu trigger button again → the menu is not displayed, and the interface becomes blocked.

The cause of the error is a CSS conflict. On the product page, the .show class, responsible for the visibility of the OffCanvas container, cannot override the visibility property. Instead of the expected visibility: visible, the element remains with a value of visibility: hidden or collapse.


Joomla ‎4.4.13
Astroid Framework
Framework Version: 3.3.1
Serebro200
Phoca Member
Phoca Member
Posts: 49
Joined: 26 Aug 2018, 17:23

Re: OffCanvas Menu Not Displayed on Product Pages (view=item) in Phoca Cart

Post by Serebro200 »

In CSS class:

.st-effect-2.astroid-offcanvas {
z-index: 0 !important;
}

not added visibility: visible;
User avatar
Nidzo
Phoca Professional
Phoca Professional
Posts: 470
Joined: 07 Nov 2018, 14:55

Re: OffCanvas Menu Not Displayed on Product Pages (view=item) in Phoca Cart

Post by Nidzo »

It is Astroid issue but thanks for posting work around.
What prevents you to upgrade your Joomla to version 5?
Serebro200
Phoca Member
Phoca Member
Posts: 49
Joined: 26 Aug 2018, 17:23

Re: OffCanvas Menu Not Displayed on Product Pages (view=item) in Phoca Cart

Post by Serebro200 »

This may be possible in the near future
Post Reply