Additional image positions

[acanthuscarver]

Hello,

I'm at a complete loss as to how to change the position of my additional images for my products. I've searched the forum and can find plenty fo advise on how to upload additional images but can't find how to place them in specific positions on the product page.

If you check out this page on my site, you'll see a product image with 3 additional images. I'd like to move them closer together so they don't crowd other elements of the page.

I'm using 1.3.8 and everything seems to be working fine. I just have no idea where to look to change the image positions. I don't know much about css or html so a pretty basic description of what I should be looking for and doing would be greatly appreciated.

Thanks,

Chuck Bender

[niccol]

The additional images are spread out so that a row of them fills the available width. You can change this in the code or you can use a quick fix which is to add this rule to the bottom of your stylesheet.css file.

.additionalImages{
width:120px !important;
}

[acanthuscarver]

Nick,

Thank you so much for the info. The code worked like a charm. If I knew where else in the code to look to make the change, I would but the code you provided did the job perfectly.

Thanks again.

Chuck Bender

[BettyBoop28]

I have done this too, and it worked, but the text is now below my images, how can I move the text back, next to the main image here my shop

[niccol]

Sorry, but I see the text next to the main image. Which browser are you using?

[BettyBoop28]

I got the text next to it.

what I did was open tpl_product_info_display.php and move the text

<!--bof Product Name-->
<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
<!--eof Product Name-->

<!--bof Product Price block -->
<h2 id="productPrices" class="productGeneral">
<?php
// base price
  if ($show_onetime_charges_description == 'true') {
    $one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';
  } else {
    $one_time = '';
  }
  echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);
?></h2>
<!--eof Product Price block -->

<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->

<!--bof free ship icon  -->
<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>
<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
<?php } ?>
<!--eof free ship icon  -->
<br class="clearBoth" />

right between main image and additional images.