Virtuemart Support :: Topic: products module no longer responsive with template (1/1)

Welcome, Guest

TOPIC: products module no longer responsive with template

products module no longer responsive with template 6 years 2 months ago #15501

London

www.sysfix.co.uk/Office-365.html

The box at the top is the virtuemart products module -When you enter mobile view, the products are not responsive (eg: 1 per row)
However if you enter VM directly into a product category and enter mobile view, they work fine. It affects the module only.

Attachment c.jpg not found

.flexibleContainer .slickSliderHorizontal>div {
width: 25%;
display: inline-block;

If I until the width 25%, this works fine on mobile but breaks it on desktop. Not sure why your template breaks the layout on mobile view.

Last Edit: 6 years 2 months ago by London.

The administrator has disabled public write access.

products module no longer responsive with template 6 years 2 months ago #15510

Support

Normally, that module should trigger the product slider extension; but yours doesn't. I believe it is because you only display 4 products. No need a slider.

You can try this work-around below to make those grids responsive:

open this CSS file:

ROOT/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexible.css

Navigate to bottom and insert these lines:

/* Tablet */
@media (max-width: 992px) {
   .flexibleContainer .slickSliderHorizontal>div {
        width:50%;
 
    }
}
 
/* Mobile */
@media screen and  (max-width: 767px) {
    .flexibleContainer .slickSliderHorizontal>div {
        width:100%;
    }
    .flexibleProductModuleSliderTitle {
        font-size:25px !important; 
    }
}

Last Edit: 6 years 2 months ago by Support.

The administrator has disabled public write access.

products module no longer responsive with template 6 years 2 months ago #15520

London	Thanks - I have not purchased the product slider, just the MaterialMart theme. I had already added 2 or more products into the category to display the slider just incase it was part of the bundle but it did not show but instead just put them on the next row so assumed this extension was not included. The fix works however.
	The administrator has disabled public write access.

products module no longer responsive with template 6 years 1 month ago #15527

Support	Ooo i see what is going wrong. Apparently, you set faulty number to "Products per row" field within the Product Module, which causes JavaScript error. Attachment Pasted_Image_2_21_18__10_52_PM.jpg not found
	The administrator has disabled public write access.

products module no longer responsive with template 6 years 1 month ago #15532

London	I'm afraid I already have the correct settings as show below. I have 5 products in the category I am using for random products. Attachment Capture.jpg not found
	The administrator has disabled public write access.

products module no longer responsive with template 6 years 1 month ago #15543

Support	hmm that's weird. You are sure you are looking at the "correct module" in the backend, right? To be sure you are looking at the correct module; unpublished the module, check the homepage and make sure the module is gone. regards.
	The administrator has disabled public write access.