My test site is test.uniqbuy.com

On the checkout page, when the select shipment or select payment buttons are pressed, the width of the page increases and a scrollbar appears at the bottom of the browser. How can I prevent this from happening?

Also, are there instructions for decreasing the width of the image section and possibly putting more than 1 variant option on the same line on the FlexV2 product layout?

Thank you

Hi,

To fix the 1st problem. Open this PHP file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/cart/default_pricelist.php

and find these 2 lines: (31st and 32nd lines)

Replace them with this:

This should fix the layout problem in the shopping cart page.

About your second question, we don't provide free support for custom changes, but i will just give you a TIP to decrease the width of image section, if you are familiar with coding; you may handle it.

Currently, the IMAGE section uses 70% and the right hand side is using 30%, to make them 50% and 50%; Open this PHP file:

/templates/YOUR_TEMPLATE/html/com_virtuemart/productdetails/flexv2.php

find this line:
replace it with this:
Then, find this line:
and replace it with this:
So the IMAGE and the RIGHT HAND-SIDE will be 50% (the image section will be reduced, the right side will enlarged) You can play around with the numbers. (make it width40 instead of width50 for 40%)

Custom field title and the drop down selection boxes won't be in the same line, because of:
1- the width is not large enough to fit them side-by side.
2- there are display:block css rule which gives line-break to each elements (tittle and the select box).

You will need to start using "Firebug" developer tool to figure what CSS touches can be made. This modification can be handled through CSS, so you won't need to touch any PHP files.

For more info about Firebug, see here:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting

Regards,
Support

Thank you for your help - the cart issues are gone.

I understand about custom support - I will figure out resizing.

However, I have noticed a problem on the product display page. I have sized the images to the same dimensions on your demo site just in case that was the issue but that was not the issue. It could be a conflict issue but I am running jquery in noconflict so possibly not.

Link to the test page:
test.uniqbuy.com/index.php/our-shop/electronic-cigarettes/twin-evod-starter-kit-detail

The image looks squashed, zoom effect does not work and when the thumbnails are clicked, the picture opens in a new window.

Hi,

You are not using our Flexible Zoom Effect right now.
Apparently you have installed a 3rd party zoom effect plugin to your joomla and forgot it.

Unpublished this plugin:
test.uniqbuy.com/plugins/system/vmslider/

and re-visit the product details page, everything should start working just fine.

Regards,
Support

Thank you, I have done that and the zoom effect is working. However, instead of loading the thumbnail image on the product page it is loading the full size image. How do I fix that?

Also the quick look pictures don't seem to work right.

Open this CSS file:
test.uniqbuy.com/templates/t3_blank/css/custom.css

and include this CSS rule:
This should fix the problem. About the "QuickLook". This is not the default layout that came with our template. Did you touch the Category and Product details PHP files to change the layout of QuickLook window? (for instance the width of the QuickLook modal popup is smaller than what it was supposed to be)

Regards,
Support

It looks like I had forgotten to delete some old files from the original template. I have deleted and replaced com_virtuemart in the templates folder completely with your ones and the quick look seems a lot better. However, the size of the quick look window is much smaller and the zoom functionality is not working.

I have uploaded the hacks I have made to VM 2.0.26 from the original files.

I have also not uploaded some files from the cleanmart package to maintain some functionality from the original template:

The module mod_virtuemart_product in modules folder - I am using a custom one and not the one that comes with VM 2.0.26. I have checked and this is not causing the quicklook issue.

In the drag and drop files you provided, I am not using the following:
mod_virtuemart_product
mod_virtuemart_search
mod_virtuemart_currencies
mod_virtuemart_category

Thank you
Nazeer

Hi,

Open this CSS file:
test.uniqbuy.com/templates/t3_blank/css/custom.css

And find this CSS line:
remove it completely. The QuickLook size will get back to normal.

I don't know how possible this rule is exist in your joomla template CSS file though.

That's absolutely fine if you don't upload those 4 folders to /html/ folder, by not uploading; you are not activating the CleanMart styling on these modules: VM - Product, Search, Currency, Search modules, and this is all.

Regards,
Support

Thank you again, I have made the change. It is nearly fixed now, the zoom works but there is a grey box next to a very small image in the quick look window.

The template I am using is very good for module positions and responsive layout but unfortunately the built in virtuemart integration that the template had was very poor. Your template was the only one I could find that works properly with Virtuemart especially stockable plugin and generic variant. You also seem to be very knowledgeable about Joomla+Virtuemart unlike a lot of other developers.

Also, has the VM 2.0.26a update made changes to user registration - I have downgraded back to VM 2.0.26 as the update was causing the server to hang on Virtuemart user registration?

Hi,

1- To fix the "Grey" box next to thumbnail (inside the quickLook window):

Open this CSS file:
test.uniqbuy.com/templates/t3_blank/css/custom.css

and find this CSS rule:
remove this line completely. (position:relative; rule also not necessary, so better remove this rule completely)


2- VM2.0.26 -> VM2.0.26a -> VM2.0.26b -> VM2.0.26c -> VM2.0.26d (the final version)

basically not very much thing has changed between those sub-releases of 2.0.26. This is what Virtuemart developers say for those sub-releases (a,b,c and d)

Maybe something else triggered a problem during the user registration in your case. I don't think VM2.0.26a directly has any effect on it. But if everything works fine with VM2.0.26 then stick with it. You are not missing much by not upgrading from VM2.0.26 to VM2.0.26d (until VM2.0.28 is released, I would recommend not to update your Virtuemart)

Regards,
Support

Thank you.

I have made that change and the grey box has gone. The picture is still very small and if it is an easy fix it would be good. But if not, it is ok.

Open this CSS file:
test.uniqbuy.com/templates/t3_blank/css/custom.css

and find this CSS rule:
remove it completely. So the product picture won't be limited to width:100px

Regards.
Support

Thanks, it all seems to be working ok now and this thread can be closed.

However, if it is not too much trouble, If I want to change the colours, would you be able to tell me the ccs class names where the button colours are.

Hi,

Look at this topic:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting

and learn how to use "Firebug for Firefox" plugin. It will be very handy in case of any CSS customization, like color change or minor layout customization. (like enlarging or resizing some elements through CSS)

For instance, i have used "Firebug" to answer all of your questions previously.




Regards,
Support

Thank you.

The colour change should be easier than the other problems I had and I should be able to work it out.

Thank you again and you can close this thread now.

Sure, your welcome.

Case is solved. Topic closed.

Regards,
Support