Forums / General Questions / Additional Images Aligned Left

Additional Images Aligned Left

Locked
Results 1 to 7 of 7
This thread is locked. New replies are disabled.
07 Oct 2010, 22:28
#1
twofair avatar

twofair

New Zenner

Join Date:
Jun 2010
Posts:
14
Plugin Contributions:
0

Additional Images Aligned Left

Version 1.3.8

I have been trying to get my additional images aligned left below my main product images. I was successful in moving them from below the "add to cart", but they are still floating in the middle of the page below the main product image. I have read and followed through with all the advice on the forums and then some, but to no avail. Posting for help is always my last resort; unfortunately, I have reached that point.

Basically, I've tried changing the css six ways to sundown and nothing moves. Last attempt was
.additionalImages{
text-align: left;
}
With that I even went so far as to delete .additionalImages out of the block it was originally included in and set it off by itself. Still nothing. :cry:

As I said, I just want the one additional image to be below the main product image and the product pricing and text to be to the right of all this. Seems like my css changes sometimes work, sometimes don't - as of late. Is that where my problem lies or could it be something more. I still consider myself a novice at this. Any help is appreciated. My site isn't published yet; hope that isn't a hinderance.
07 Oct 2010, 22:32
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Posts:
31,500
Plugin Contributions:
4

Re: Additional Images Aligned Left

Where is your site??

What customizations to tpl_product_info_display.php are currently being used?
07 Oct 2010, 23:15
#3
twofair avatar

twofair

New Zenner

Join Date:
Jun 2010
Posts:
14
Plugin Contributions:
0

Re: Additional Images Aligned Left

No customizations. My site is down at the moment. Do you need me to open it?
08 Oct 2010, 02:09
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Posts:
31,500
Plugin Contributions:
4

Re: Additional Images Aligned Left

I was successful in moving them from below the "add to cart", but they are still floating in the middle of the page below the main product image.

No customizations

How did you effect the successful move?
08 Oct 2010, 04:31
#5
davewest avatar

davewest

Totally Zenned

Join Date:
Dec 2007
Posts:
1,075
Plugin Contributions:
5

Re: Additional Images Aligned Left

Search the addons for 'Additional images relocated with CSS'

Aligns images to the left.... I did the same by placing the additional images code under the main image and wrapping it up in one class...

#productImageWrapper {
float: left;
width: 130px;
vertical-align: top;
}
Width is 10px wider then my thumbnails, I've also used a container to hold all the product elements together.
08 Oct 2010, 21:06
#6
twofair avatar

twofair

New Zenner

Join Date:
Jun 2010
Posts:
14
Plugin Contributions:
0

Re: Additional Images Aligned Left

To Kobra - To make the move I did the following:

On:
tpl_product_info_display.php

I moved:
<!--bof Additional Product Images -->
<?php
/**
* display the products additional images
*/
require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
<!--eof Additional Product Images -->


Below:
<!--eof Main Product Image-->

As for the images not aligning, I just went with it - added more images and it looks fine. Now I am going to search how to add captions beneath my additional images. Wish me luck! :smile:

Thanks for the help!

To davewest - I will keep your notes for future reference. Thank you!
08 Oct 2010, 21:16
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Posts:
31,500
Plugin Contributions:
4

Re: Additional Images Aligned Left

To make the move I did the following

First - Do you want them below or nest to the main image?
If next to - is there a clear after the main image?
If yes delete it