move description to the right of images

:unsure:

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.

I found a little something in my stylesheet.css! :clap:

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?

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

Code:

---

#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

Quote:

---

Originally Posted by kobra

#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. :D

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.

PHP Code:

---

<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!

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

Code:

---

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

---

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

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:

PHP Code:

---

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


---

Quote:

---

Originally Posted by 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:

PHP Code:

---

<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.
:frusty:

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

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