Virtuemart Support :: Topic: "Related products" is not clickable (1/1)

Welcome, Guest

TOPIC: "Related products" is not clickable

"Related products" is not clickable 10 years 1 month ago #9264

Gilad	Hi, "Related products" is not clickable on mobile browser; I checked it on Ipad with chrome and with Safary. On desktop it's working OK. buycycle.co.il/bicycle-assesoris/lubricant-cleaning/lubricant/joes-clean-pack-buycycle Please advice. Thank you
	The administrator has disabled public write access.

"Related products" is not clickable 10 years 1 month ago #9269

Support

Hi,

First of all remove unnecessary stylization that comes from your Joomla Template

open this CSS file:
/templates/gilad7rtl/html/com_virtuemart/assets/css/flexibleVM2Global.css

and include this CSS rule:

art-postcontent .FlexibleRelatedProducts ul > li:before, 
.art-post .FlexibleRelatedProducts ul > li:before, 
.art-textblock .FlexibleRelatedProducts ul > li:before {
 background:none;
margin:0;
content:inherit;
bottom: inherit;
    content:inherit;
    display:inherit;
    font-size:inherit;
    line-height:inherit;
    margin-left: inherit;
    position: inherit;
    vertical-align: inherit;
}

then test again. There is no reason why it won't clickable through mobile devices. Nothing special about their linkings. Those are ordinary anchor tags.

Regards.
Support

The administrator has disabled public write access.

"Related products" is not clickable 10 years 1 month ago #9270

Gilad	Hi, I include this text at the bottom of the CSS file, is this the right place? If so there is no change … What do you mean "remove unnecessary stylization that comes from your Joomla Template", I did this template with artisteer – I knew that this is not the best template but is there any problem here that I need to fix? Thank you.
	The administrator has disabled public write access.

"Related products" is not clickable 10 years 1 month ago #9289

Support

Hi,

For the CSS rules, the file doesn't matter. The CSS rule can be included to "any" css file that gets loaded to your website.
I am seeing you didn't do what i have said.

Open this CSS file:
/templates/gilad7rtl/html/com_virtuemart/assets/css/flexibleVM2Global.css

and include this CSS rules (copy-paste):

.art-postcontent .FlexibleRelatedProducts ul > li:before, 
.art-post .FlexibleRelatedProducts ul > li:before, 
.art-textblock .FlexibleRelatedProducts ul > li:before {
 background:none;
margin:0;
content:inherit;
bottom: inherit;
    content:inherit;
    display:inherit;
    font-size:inherit;
    line-height:inherit;
    margin-left: inherit;
    position: inherit;
    vertical-align: inherit;
}

The result will be:

BEFORE:

Attachment ScreenShot2014-03-28at7.10.08AM.png not found

AFTER:

Attachment ScreenShot2014-03-28at7.10.24AM.png not found

Try it, and then re-test with your mobile device. There shouldn't be any problem with the links.

Regards,
Support

Last Edit: 10 years 1 month ago by Support.

The administrator has disabled public write access.

"Related products" is not clickable 10 years 4 weeks ago #9313

Gilad	Hi, I include your CSS rules at the file but problem remain ….. any other suggestion ? Thanks'.
	The administrator has disabled public write access.

"Related products" is not clickable 10 years 4 weeks ago #9321

Support

I have IOS Simulator and iPad, tested your website, i don't see any problem with clicking the related product images in your website.

The carousel module for the related product is "Responsive", it lets you can swipe right or left to scroll the products. Maybe that confuses you. In iPad if you touch any link about 2-3 seconds, a drop down show off and gives you some options such as; "Open Link, Open in a new tab, Copy link etc.. (i know it, because i am an iPad user too) don't you see that? If you see that drop down it means; it is an ordinary link and there is no reason to not work.

You may also try to disable the "Responsive" feature of slider:
To disable responsiveness feature of carousel; open this PHP file:

/templates/gilad7rtl/html/com_virtuemart/productdetails/default_relatedproducts.php

find this line: