Hi,

I upgrade to VM3 (joomla 2.5.28) and install the new Template for it on my test site, I have some problems that need to be fix.

1) On the front page you can’t see the titles for the feathers/new/best seller products and also its not lineup correctly it all one under the other – please see here - buycycle.co.il/test/

2) In the category view the icon for change view is not working, see here - buycycle.co.il/test/bicycle-apparel/bicycle-pense/cycling-shorts-baggy

3) Is the products view the “click to enlarge” is not working and also the tabs for “ask question” and “review” is not working.

4) On the cart view the chose shipment method and chose payment method is not working.

5) add to cart is not working unless I disable the plugin

Thank you.

Hi,

You should have consulted with us before purchasing CleanMart V3, because as you might aware, CleanMart is not "ready-to-use" for RTL language and there will be many CSS issues with it.

You should start with changing all the "float:left" rules with "float:right;" for the layouts in the flexible.css. Firebug will be the most important plugin to let you resolve those CSS issues in couple minutes though. You should learn how to use Firebug.

Beside the CSS layout issues, your website also contains jQuery Conflict issue, because i looked at your website and noticed that, there are multiple jQuery libraries loading in different lines, which is not OK. You should start with resolving these conflict issues (then most of the problems you have mentioned will be resolved by itself)






Anyway, let's take a look at the problems you are having...

1- Open this CSS file:
buycycle.co.il/test/templates/gilad7rtl/html/com_virtuemart/assets/css/flexible.css

scroll to the bottom and include this rule:
The titles of features / new / best seller TABs, will be displayed correctly. But the TABs won't work, because of the jQuery issue. To resolve the conflict issues, try this plugin: extensions.joomla.org/extension/jquery-easy this plugin will basically block all the jQuery libraries and load only one at the top of the website (from the plugin parameters, pick the jQuery 1.11, which is what VM3 and CleanMart v3 requires.

2- Not working because of the jQuery conflict
3- Not working because of the jQuery conflict
4- Not working because of the jQuery conflict
5- Not working because of the jQuery conflict

The jQuery conflict is the biggest problem currently on your website. This should be resolve first; after this is fixed, we can then take a look at the remaining bugs.

Regards

As you can see on the attached file the JS error is from the flexible folder, when I rename /mytemplate/html/com_virtuemart problem is gone.

Please tell me how to fix the problem.

Thank you.

The initial problem is still valid.

If you look at your website source codes, you will notice that, flexible.js is loaded before the jquery.min.js, which is not OK. jquery.min.js should be on top of all JS files.

I guess you don't know how to solve this. Please create me Joomla admin account & FTP credentials and email it to This email address is being protected from spambots. You need JavaScript enabled to view it.

Let me fix this jQuery loading problem.

While emailing to This email address is being protected from spambots. You need JavaScript enabled to view it. Don't forget to include this forum topic's URL at the of your message (or in the Subject field) as reference to avoid possible confusion in our end.

Regards,
Support

Hi,

this line
div#FlexibleFrontpageTabs ul.FlexibleFrontpageTabsLI li a { display:inline-block;}

did not fix the problem, please check again.

tjank you.

hi,

I am seeing it is fixed.

For cleaning purposes, i am closing this topic (create a new one for further inquiries)

Regards.

I don't know way you said the problem is fixed ween its not, its align to the left and not to the right.
You can see how it should be in the live site here buycycle.co.il/
And you can see the new v. In the test site here buycycle.co.il/test

I thought, the real problem was; "Texts inside the TABs were invisible" so i have provided you a CSS rule to fix the invisibility problem. I didn't know you wanted to align them to right hand-side, as it is so easy task to handle. I thought you already knew it.

For aligning them to the right-hand side;

1- open this CSS file: buycycle.co.il/test/templates/gilad7rtl/html/com_virtuemart/assets/css/flexible.css
2- scroll to the bottom
3- enter this rule:

TABS will be aligned to right.

Cheers.

Thank you, you can close the topic.

Thanks for confirming.

Case solved, topic is closed,

Regards.