Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#184969

Hi there,

I already posted in VM forum but my problem is from template overrides so they can’t help me.

The image above shows the product detail view and if you look at the thumbnails they have no spacing around them, which makes 2 thumbnails look like one. I have provided a link for admins so they can see what I mean.

What I would like to do is add padding at the top and bottom of the thumbnail images so that when a product has 2 rows of images they are clearly defined as separate images.

Something that would be really awesome is if someone could provide me with a code to turn the product image thumbs into a slider, which would solve the issue, but just padding will do.

Now while I’m at it, we’ll kill 2 birds…,

In the product detail view and you click on the main image it becomes a popup/lightbox but is the same size as the thumb, which makes it kind of pointless.

How can I disable that popup?

Thanks in advance and sorry for being a pain in the ass

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#483457

The code you need to add for the padding would be as per the line in red below

.additional-images img {
height: auto;
margin-bottom: 8px;
margin-right: 8px;
width: 50px;

}

If you could go into the template manager and set css optimization to “No” I can tell you exactly which file that is in.

As for the popup I would have to check but I believe it is in the VM settings, I just cannot remember where. I will try and install a copy of the template later to check but will be unable to do that until tomorrow so you might be better off searching for it.

As for turning that images into a slider that would be a little too complex to work on here.

1 user says Thank You to Phill for this useful post

1. gringo211985

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#483638

Hi Phil,

Thanks for the quick reply, I have now set the CSS optimization to off. If you could tell me the file it would be great.

Did you have a look around the VM back-end to see if you could find how to stop the product image popup/lightbox?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#483642

The code above can be found in – /components/com_virtuemart/assets/css/vmsite-ltr.css at line 15 which will sort out your padding problem.

As for turning off the lightbox it seems it is not a default option in VM2 (it used to be in VM1.x). I have done a quick search of the VM forum and found the following thread. Maybe that will help – http://forum.virtuemart.net/index.php?topic=103785.msg345041#msg345041

If not please ask over on that forum where I am sure they can help you with your customization.

1 user says Thank You to Phill for this useful post

1. gringo211985

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#483655

Phil, you are a legend! That has fixed my padding issue perfectly.

Yeah VM2 seems to be lacking some of the features of VM1 which doesn’t really make sense as you would think an upgrade is improving not downgrading. The pop-up issue isn’t too important to be honest so until they release another update I will continue as-is.

I normally post at the VM forums, just here if it’s template overrides as they can’t reply to them.

Thanks again 🙂

[Author]

Posts