Hi,

I install the cleanmart theme on my test site and have so many bugs that I don't knew from were to begin.....
1. Same products are not show at all in same categories - like herehttp://buycycle.co.il/tsite/bicycle-components/bicycle-tires-and-tubes/mountain-tires –
2. MultiGrid view is not working
3. Add to cart button is not adding to cart
4. RTL is need to be fix
5. Chose manufacture or price high to low is not working
And there are many other but this is stat point …..

Keep in mind that any change here will need to made at the production site also so I need complete documentation of what been done

site URL - buycycle.co.il/tsite

plase advice

Hi,

Look at these console errors:



There are many jQuery errors. There is a common reason for those errors, which is jQuery library itself is missing.
You website doesn't load any jQuery library.

Open Virtuemart Backend, and browse:
VM Backend >> Configuration >> Template

and enable the jQuery loading.
Make sure you have the same settings.



This will solve most of the problems, then let me know about the remaining issues.

Regards.
Support

Ok I did this, it solved same problem but many remain - please check

Hi,

1- i am seeing the jQuery conflict issues are gone and everything functions well (that our VM Template is using). which is a good news. The remaining issues are just CSS issues, which are minor and they can be solved by editing the CSS files.

2- your product thumbnail are very small. This is why your browse page looks so weird. The thumbnails are not big enough to cover the "add to cart" button. You should be using large product thumbnails, at least 250x250.Therefore you should re-generate the product thumbnail after increasing the thumbnail size to 250x250 from Virtuemart Backend.

To regenerate the thumbnails, look here:
www.easyjoomla.com.au/how-to-regenerate-thumbnails-in-vm2.html

3- Open VM Backend >> Configuration and enable "Show Product Image" checkbox. So the product thumbnails will start being appeared in the drop down shopping cart.

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

and (to the bottom) include these CSS rules:

Do these modifications I have listed above. Most of the issues, including RTL, will be solved.


Regards.
Support

Hi,

Thank you for your replay, I did what you ask it fix same problems but here are the remains:
1. The resized images are recreated at size 250x250 but it still looks weird, see here - buycycle.co.il/tsite/bicycle-assesoris/hydration/water-bottles
2. The add pictures in now missing – see attachement number 4
3. In same category products are not shown at all like here - buycycle.co.il/tsite/bicycle-components/bicycle-tires-and-tubes/mountain-tires
4. In list view the add to cart and show in details battens are overlap – see attachment number 1
5. Small images are cropped and have rolling – need to be fixed - buycycle.co.il/tsite/bicycle-assesoris/hydration/water-bottles/camelbak-podium-chill-52236-buycycle#.Un8jOPmKK-0
6. "you may also like" images also having rolling and are shown in different sizes - buycycle.co.il/tsite/bicycle-apparel-shoes/bicycle-pense/cycling-shorts/funkier-bs-622-b7-buycycle#.Un8ywfmKK-0
7. The section shown in attachment 2 need to be RTL
8. Can I set the front page view to look like the grid view?
9. The minus sign should be at the left of the number and left off the discount percentage – see attachment number 3
10. More RTL need to be done.

Hi,

1- The problem you are having is related to your product picture resolutions. Before doing anything, you should get ready your product picture. Pictures MUST have same resolution or at least same aspect ratios. If your product pictures are something like:
some of them are 450x900 and some of them 900x900 (2:1 and 1:1). It is normal you have unmatched thumbnails. Because their aspect ratios are not equal, and the generated thumbnails won't have equal resolution as a result. This can't be done by coding. The only way to make it ideal. First decide which aspect ratio is convenient for you. 1:1, 1:2, 2:1 , 1:3 or 3:1 doesn't matter what it is. Just make sure all of them have the "SAME" aspect ratio. You would need a Photoshop or a photo editor software for this purpose. Then your thumbnails will have the exact same resolution as well. Because once you choose 250x250 through VM Configuration, the thumbnail are limited to 250 pixel (both for height and width) and until both dimension (hight and width) falls under 250pixel, the resizing continue. Some of thumbnails would have 250x100 and some of them will have 250x249 (depends on your product pictures aspect ratios)

2- It is a problem of re-generating thumbnails. Find a better way of re-generating product thumbnails by looking at google.com or forum.virtuemart.net. I would recommend; after deleting the /resized/ folder, make sure to check "Media Files" under Virtuemart Backend and double check that your thumbnails are re-generated correctly. The link i gave you in my previous post, i found that link on www.google.com. Try check forum.virtuemart.net about it. I am sure there are many discussions in forum.virtuemart.net

3- I don't see any problem in there. The problem i saw in that category is related to thumbnail's aspect ratio, which was explained above.

4- it is because you are using module in both "LEFT" and "RIGHT" sidebars, this causes to have very limited width size in the middle. It is almost impossible to fit everything in a single row with this limited width size in the middle. I would suggest you to remove either LEFT or RIGHT sidebars in the Virtuemart pages. You will get much better and user-friendly layout. The Facebook like module and the login modules on the left hand margin are pretty useless. You can move them somewhere else. Then; everything will fit in the middle. Alternatively, through "Flexible VM2 Template" you can disable the "Add to Cart" button from the ListView.

5- First, make sure to re-generate the product thumbnails successfully.

6- Look at the bullet number 1

7- To the same CSS file (that i have provided in my first post), include these CSS rules:
For the further CSS modification, you can read this topic below and do those CSS modifications by yourself:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting

8- Create an imaginary Virtuemart Category and set that category as your "Joomla Frontpage (homepage)". This is one way of doing it. Another way is creating a custom made module and publish it in the homepage. But this is beyond our free support.

9- I don't understand what you are saying because I am not familiar with RTL, but you can re-locate the minus and percentage signs until you get the correct RTL visual. To change the location of percentage sign, open this PHP file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/category/default.php
(default.php or flexv2.php which ever layout you are using currently for Category page)

and look for this line:
Same idea valid for Product Details page as well. but the PHP file this time is this:
/templates/YOUR_TEMPLATE/html/com_virtuemart/productdetails/default.php

Without touching the PHP variable (which is the '.$percentage.'), change the percentage sign's location. To move the minus sign from left side to right side of the amount, you should do that through Virtuemart Backend. Because Virtuemart print this -AMOUNT (-10, or -20). Our template doesn't put the negative (-) sign to nowhere.

10- We have never promised that our templates are 100% RTL, but i am putting as much effort as i could to understand the idea behind RTL and provide you the support to solve those issues.

Regards,
Support.

Hi,

Your solution to resize all the picture one by one is not realistic this is not a new store with few items; we talked her on about 1000 pictures. I currently have a no such problem on my production site you can see it here - buycycle.co.il/
On your “flexiblewebdesign” site it said that CleanMart is responsive but when the buttons not fit on the page you ask me to change my current templates module position in order to fit it to the size of your design, let me remind you what is on CleanMart Page – “Keep Using Your
Current Joomla Template”. All so With all due respect you can’t said “The Facebook like module and the login modules on the left hand margin are pretty useless” in order to change my design to make CleanMart fit on the page this modules are bringing my mailing list with is the most important thing in marketing ……

As I see it the CleanMart can’t be modify to fit my site so I would like to thank you for your support but I will need to ask for refund and return the products.

Hi,

There are misunderstandings here.

Resizing your product thumbnails have nothing to do with us. We are not responsible to solve it. I should have given you that link, or never helped you about it. BECAUSE IT IS NOT OUR RESPONSIBLE. This was your responsibility to think about it at the beginning. Of course it will be hard to change things after building your inventory. It is up to you to resize them or leave them as they are.

You are saying, you don't have any problem in here: buycycle.co.il/. But i am still seeing different thumbnail resolutions in that website as well. But since thumbnails are very small, the different resolutions are less noticeable.

Okay, you got it. Retrieve back to original state (make your product thumbnail 90x90 or even smaller) Then disable the "Add to cart" button feature for "GridView" and "MultilGridView" through "Flexible VM2 Template". This is an another solution.

Because if you want to show "Add to cart" button in the GridView and MultiGridView, the product thumbnails must be large enough to cover the "green add to cart button".

I didn't say Facebook like buttons are pretty useless. Who every say that, must be a dumb. Facebook is extremely important for every websites. Read and understand again my previous post.

I said, using the Facebook like button in the sidebar is pretty useless. If you eliminated one of the sidebars, you would have much space in the middle to show everything in a nice form. So, move the Facebook plugin to somewhere else. I said that; even though saying anything about your joomla template or your overall website wasn't my duty. Because this is irrelevant to our VM Template.

But you are right. It was my mistake. You taught me a lesson. I won't try to help to anybody no more beside responding the support question directly. Or never share my opinion about making the website's more user-friendly.

Let's start everything from scratch. Retrieve everything in your website. Make your thumbnail 90x90 again. Here is my support to your problems. (i should typed only these responds below, instead of putting more effort to help you, again...you taught me a lesson, i won't it anymore to you)

1- Open "fleixlbe VM2 Template" plugin and disable the "Show Add to Cart" for GridView and MultiGridView.
(because with small thumbnail, you can't use those features.

2- Disable the "Add to cart" button feature through "Flexible VM2 Template" plugin for ListGridView feature.
(because if you both use left and right sidebars and your total website width size is only around 900px, this leaves very limited space in the middle. You can't use all features that comes with the CleanMart if you don't have enough space to fit)


Regards,
Support.

Hi,
Sorry for my very late replay.
I managed to get a good look for the store with 150X150 images and with the "flexv2 layout".
Few problems remain – please advice :
1) In same categories the products not showing at all see here - buycycle.co.il/tsite/bicycle-components/bicycle-tires-and-tubes/bicycle-tubes
buycycle.co.il/tsite/bicycle-components/bicycle-tires-and-tubes/tubes-sealant
buycycle.co.il/tsite/bicycle-assesoris/lubricant-cleaning/cleaning
2) After resizing the images in every products the secondary small pictures looks as missing but if I click on them the pictures are there , I know it's not template issue but may be with your experience I know how to fix it (could not find it on Virtuemart support page)

thank you

Hi,

1) looks like you touched the browse page PHP file and removed the PHP lines to load the multiple view options. So the page doesn't load the "GridView" and "MultiGridView" views, but loads only the "ListView". Find the original ZIP file you downloaded from our server, and re-upload the /UNZIPFIRST_virtuemart_themeVM2_CleanMart/Drag-and-Drop/com_virtuemart/category/ folder to your server into this path(root/YOUR_TEMPLATE/html/com_virtuemart/category/

If you don't want to use the GridView and MultiGridView views and this is why you disabled them from the PHP, then through the "Flexible VM2 Template" plugin, set the "default view option" as "ListView".

2) This means, the product image is there, but the thumbnail is missing. Because if you click the "not loaded (X)" thumbnail, the "original picture" will gets loaded. Looks like you are still having problem with re-generating the thumbnails.

You should be able to re-create the thumbnail without any problem but this time follow my steps:

1- BACKUP FIRST !!! use AkeebaBackup component for full backup.
2- Disable CleanMart temporarily from your website, by renaming this folder:
ROOT/templates/YOUR_TEMPLATE/html/com_virtuemart/
to
ROOT/templates/YOUR_TEMPLATE/html/com_virtuemart2/
3- Remove this folder:ROOT /images/stories/virtuemart/product/resized/
(or change its name to /resized2/)
4- Visit your website frontend and click the products that have additional product pictures.
5- After you are sure all the thumbnails (including additional picture's) are generated successfully, re-active the CleanMart by renaming the /com_virtuemart2/ to /com_virtuemart/

INFO: Once you visit your frontend, all the thumbnails should be re-generated by Virtuemart Component. Because once you browse the fronted, Virtuemart first try to load the thumbnails, if the thumbnail file is missing, it is automatically re-generated by using the original image. If still no luck, and Virtuemart refuses to re-generate the thumbnails, then only place you can ask support is forum.virtuemart.net because apparently your server doesn't support dynamic thumbnail resizing feature, which is a very rare situation.

Regards,

Hi,

1) I follow your instruction and override the files in /UNZIPFIRST_virtuemart_themeVM2_CleanMart/Drag-and-Drop/com_virtuemart/category/
but the problem remains you can see here buycycle.co.il/tsite/bicycle-components/bicycle-tires-and-tubes/mountain-tires
that the 3 view options are working but if you try to see "page 2" in the same category the products are not shown.
2) I see the problem with the small images but I don’t knew how to solved it, the original file was created like this "images/stories/virtuemart/product/resized/bcp-06_90x90.jpg" and the new image name is bcp-06_150x150.jpg , in the products the path remain "images/stories/virtuemart/product/resized/bcp-06_90x90.jpg" there for even the file was created OK the path remain for the old file name ….. Any idea how to fix this?

Thank you for your help!

Hi,

For problem #2 I find a good solution that you can use for further customers - there is built-in tool in Virtuemart " Updating & Data migration" which is "Reset Thumbs" – it delete all Thumbs and recreate them and also update the path in the products to the new Thumbs.
I still need solution for problem #1 – please advice

Thank you.

Hi,

Did you disable our Template from your website?
Because i was going to take a look more deeply for the #1 problem, but i don't see our Template anymore on your website.

Regards.
Support.