move description to the right of images

[sheba10]

I just searched the developers tool kit for "clearboth"

There are many others, but the file specified: /www/includes/templates/custom/templates/tpl_product_info_display.php

has this:

/home/ratkiss/public_html/includes/templates/custom/templates/tpl_product_info_display.php
Line #134 : <br class="clearBoth" />

Line #193 : <br class="clearBoth" />

Line #197 : <br class="clearBoth" />


None of which are near the additional images in the file itself?


This makes no sense as to why it still shows and is being used. I'm a little confused and I guess I will have to let it be how it is. Thanks for trying Kobra.

[sheba10]

I found a little something in my stylesheet.css!

I had
#productDescription { clear: both}

I removed that and went back to the default modules_product_info_display.php

That lined up the description to the right. Any suggestions what I can do to line the images up again, or is this not possible?

[kobra]

Great!!! That would have added it back in where you removed it from the code...

Now on to the next:

Make these changes/additions to the stylesheet

#productDescription {
float: right;
width: 68%;
}

#productAdditionalImages {
width: 180px;
}

#productAdditionalImages img {
margin : 1em 0 1em 0;
float : left;
}

Reduce this tag to a single entry by deleting it from others
.additionalImages {
clear: both;
}

Now back to the code:

#productAdditionalImages exists outside of the div, id=productGeneral, class=centerColumn and is probably from moving/editing tpl_product_info_display.php.

Check where the center div begins & ends and where the additional images starts. This needs to be contained within or before the end of the center to be able to move them up higher

[sheba10]

#productAdditionalImages exists outside of the div, id=productGeneral, class=centerColumn and is probably from moving/editing tpl_product_info_display.php.

Check where the center div begins & ends and where the additional images starts. This needs to be contained within or before the end of the center to be able to move them up higher

Thank you I got through the stylesheet corrections/changes.

But, (you know there had to be a but, sorry!)

I'm a little confused about the last part.
Is this what I am looking for? This is at the very beginning of my tpl__product_info_display.php file.

<div class="centerColumn" id="productGeneral"> 

Now I looked for the additional images <--bof--> <--eof-->
and move that above the div shown above. Is that what you meant to do?

I tried that and it looked funny.

I don't think I'm following you right here, sorry!

[kobra]

Is this red highlighted entry in your tpl_product_info_display.php file ? Or might it be from a setting in the admin?

<div class="additionalImages centeredContent back" style="width:50%;">

[sheba10]

No, that isn't in my product_info_display.php file.

[sheba10]

I found it in an admin setting.
I had additional images per row set to 2

Changed it to 1 and now it shows the code as follows:

<div class="additionalImages centeredContent back" style="width:100%;"> 

[sheba10]

I found it in an admin setting.
I had additional images per row set to 2

Changed it to 1 and now it shows the code as follows:

<div class="additionalImages centeredContent back" style="width:100%;"> 

Is this what I want? I've been fiddling with my php file for a couple days and when I move something another gets out of wack.
I'm coming to think I'm at a loss here.

[sheba10]

I searched on here some more and moved my additional images right under the main image and put them together in their own <div>.

I floated some things differently in the stylesheet and now I don't think I can get any closer than that!

If anyone can help with one last thing:

How can I make the additional images display right next to each other under the main image.

Like:
1
23

[kobra]

If not broken by your edits this should be controlled in the admin > config > images > Product Info - Number of Additional Images per Row > set to the desired # per row