can i do a css override at

templates/{template name}/html/mod_vm_flexible_zoom_effect/media ? I tried but it doesn't work.

Also where can I adjust the size of the additional images thumbnails on slider?

Hi,

no, you can't use Template override function for media folder;
templates/{template name}/html/mod_vm_flexible_zoom_effect/media

this is just doesn't make any sense, beside why do you need a template override? and why don't you make your changes directly through;

/modules/mod_vm_flexible_zoom_effect/media ?

For "sizing" the additional pictures we have put some "fixed" element style to thumbnails because otherwise, it has given some unexpected errors (in some websites; slider JS loads before the CSS, couldn't get the proper sizing values and it did lead some weird layout).

To resize the thumbnail follow my steps:

I assume you want to change thumbnails from 70px to (let's say) 150px.

1- open this PHP file:
templates/{template name}/html/com_virtuemart/prouctdetails/default_images.php

2- find this LINE:change it to:
3- find this TAG:
change it to:

and you will be good to go. The additional picture thumbnail will be limited to 150px (maximum in both height and width, which ever comes first.)

Regards.
Forum Support.

How do I remove or change the width: 246px ; & width:164px; on these two Divs?


<div class="flexible-zoom-additionalImagesWrap" id="flexible-zoom-additionalImagesWrap" style="visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 246px;">

<div class="flexible-zoom-additionalImages">
<ul style="position: relative; overflow: hidden; height: 72px; margin: 0px; padding: 0px; list-style-type: none; z-index: 1; width: 164px; left: 0px;" class="additionalImagesslider">



I can't locate the element styles that control the below css.


element.style {
left: 0;
overflow: hidden;
position: relative;
visibility: visible;
width: 246px;
z-index: 2;
}

element.style {
height: 72px;
left: 0;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 164px;
z-index: 1;
}


I really need some help with this.

Hi Lance,

These rules are written into the element depending on how many visible thumbnails you select.
They aren't set anywhere - they are calculated and inserted.

If you really want to over-ride them just use standard css and write a new rule in the modules/mod_vm_flexible_zoom_effect/media/flexible-zoom.css