Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: Problem with images in cart

Problem with images in cart 11 years 4 months ago #1492

Hi!
  • In my shopping cart/checkout page the images of the products appear very weird. Some are very big and other small. Any suggestion?
  • Also it says YOUR ORDER INFORMATIONS in English (my site is in French and Spanish) How can I change it? Is it an image?
  • I also need to change the ENLARGE IMAGE tag.
  • Finally the cat module is too long for my template. Can I modify it? And also in French it has an extremely long text as you can see in the image attached
Thanks a lot for this great template.


Captureb.PNG


Capturev.PNG
The topic has been locked.

Problem with images in cart 11 years 4 months ago #1524

Hi,

1- Open this CSS file in your server:
ROOT/templates/<yourjoomlatemplatefolder>/html/com_virtuemart/assets/css/flexibleVM2Global.css

And find this CSS rule:
span.cart-images img {width:120px; height:auto;}
Change it with this:
span.cart-images img {max-width:120px; max-height:120px;}
This change will limit the thumbnail in the shopping cart to 120px both in horizontally and vertically. (which ever comes first)

2- "YOUR ORDER INFORMATION" text has this variable:
<?php echo JText::_('COM_VIRTUEMART_ORDER_INFO'); ?>

Apparently your french language pack for Virtuemart doesn't have all the translation, open this Language INI file:
ROOT//language/fr-FR/fr-FR.com_virtuemart.ini

and find this line:
COM_VIRTUEMART_ORDER_INFO="Your order information"

and translate it to french manually, so make it like this:
COM_VIRTUEMART_ORDER_INFO="Vos informations de commande"
OR if this INI file doesn't include COM_VIRTUEMART_ORDER_INFO at all, you can manually submit to the bottom.

Same thing for Spanish, but this time, you need to find the INI file in this location for Spanish:
ROOT//language/es-ES/es-ES.com_virtuemart.ini

3- To change the "Enlarge Image" text, open the
"Flexible VM2 Template" plugin in your Joomla Template plugin, and from the parameter find the "translate enlarge image" field and type the translation there;

Attachment PastedImage121012603AM.gif not found



4- Cart module requires some width size, if you decrease its' width size, things won't look so good. Try to use it in a different module position. One thing you can do is the change the TEXT, for example in English, instead of saying "YOUR SHOPPING CART" having it says only "CART" would be okay, right? Basically same thing. I am sure same thing will be valid for Spanish and French as well,
To change it, again the Language file you need to look at are these:
ROOT//language/fr-FR/fr-FR.com_virtuemart.ini
and
ROOT//language/es-ES/es-ES.com_virtuemart.ini

In those files look at this Language parameter;
COM_VIRTUEMART_CART_TITLE="Cart"

and make them say only 1 word in both French and Spanish language packs.

Regards.
Last Edit: 11 years 4 months ago by Support.
The topic has been locked.

Problem with images in cart 11 years 4 months ago #1531

Hello!

Thanks a lot for the help! It really helped!

One more thing: the box for writing the coupon code is very small: How can I make it larger?

Thanks again

Attachment Capture4.PNG not found

The topic has been locked.

Problem with images in cart 11 years 4 months ago #1541

If you were using "firebug" you would again find how to enlarge that "coupon" box in couple seconds.

Open this CSS file:
ROOT/templates/<yourjoomlatemplatefolder>/html/com_virtuemart/assets/css/flexibleVM2Global.css

and add this CSS rule (to the bottom)
#userForm .coupon {
width:200px;
padding:3px 10px;
text-align:center;
font-size:11px;
height:25px;
 
}
#userForm span.details-button input.details-button {
height:32px;
padding:3px 10px;
}

the result will be:

Attachment ScreenShot2012-12-10at8.46.53AM.png not found



You can play around with the CSS rule to make them even larger, smaller or whatever you would like.

Forum Support.
The topic has been locked.
Time to create page: 0.219 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo