anyone know where dpimages-icon-box code is ?
 

I am in the process of uploading products to a new site and when adding to the detailed images they are being placed not inline.
example:
12
3

I would like them to be:
123

I have tried using firefox and it is showing the code to be

.dpimages-icons-box {
width: 170px;

location: http://www.xxxxxxxx.com/product-id/ line 26


By doing a live update in Firefox and changing width: to 270px
it will bring the images inline.

I have tried using webmaster and going through all the .tpl files
also have looked through main.css,altskin.css and colorbox.

Can anyone tell me where to locate and make changes to:

.dpimages-icons-box {
width: 170px;

Thank you in advance for any and all answers.

Frank

Re: anyone know where this code is?
 

Frank, I do not have the front end of a site to look at right now, but I believe this code is assigned using the $custom_styles array.

Look in:
modules\Detailed_Product_Images\product_images.php

Search for:
$custom_styles['.dpimages-icons-box'] = array(
'width' => $box_width . 'px',
);

An alternative to changing this logic, would be to simply assign another CSS class to the box. I would add an additional class, and reference it more implicitly, rather than taking the class away and wondering if I messed up some JavaScript associated with it perhaps.

Re: anyone know where this code is?
 

totaltec

Thank you for your reply your answer put me close enough to find a solution.

I looked in modules\Detailed_Product_Images\product_images.php
and found the following ($icon_max_width + 10); and changing the +10 to +50 did the trick.

Thank you also for your suggestion on adding a css class for the box.

I think with this minor of a change I should be allright I have documented this change in case any irregularities show up.

Frank :smile: