Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How can product image be shifter to the right.


Ken_Shea

Recommended Posts

Posted

This central image location started at some point that I am unaware.

Likely with some mod editions.

 

How can it's placement be shifted to the right so that more textual space can be used.

 

Thank you

Ken

post-325745-0-97220200-1391902371_thumb.jpg

Posted

the image has usually a float: right setting.

 

<div id="piGal" style="float: right;">

 

can you please post the product_info.php file? so we can see what you did in there.

Posted

Hi Ken

 

The product info file has a lot SEO Code inside that i'm not familiar with. Ist it Jacks SEO Add-on?

The original floats seem all untouched. Maybe the SEO code pushes the image to the left? Try to use Firefox Web Developer to see if there is a div class or space pushing the image.

 

this code could be the cause?

 

if (HEADER_TAGS_DISPLAY_SOCIAL_BOOKMARKS == 'true') {

echo '<div style="float:right; margin-top:5px; margin-right:4px;">';

include(DIR_WS_MODULES . 'header_tags_social_bookmarks.php');

echo '</div>';

 

as i said i'm not really familiar with that SEO Code. I use a different one.

Posted

You could comment that code out for a moment or two to see if it is indeed the problem.

 

Was a good idea, but no Joy :(

 

Thanks

Posted

I have seen this problem before when only one image is used in the product description so several solutions

 

1: would be adding something like kiss thumbnail including the product part of the install which may solve if my memory serves me correct.

 

2: If it is indeed because you use only x 1 image that one being the image in the product table: and have no actual second image in the products_image table: there is a simple sql which you can run which will take the image from the products table and duplicate in the product_image table.

Will post if you need.

 

3: If you go to your stylesheets and play about a bit with one or both of codes below you should be able to move the image to the right you probaby only need the margin-right: -90px; the margin left maybe will help to give the text a bit more space bit of trail and error install google webmaster tools and you can edit your css in the browser and see the changes you make live.

 

Of course you will need to adjust the pixels to suit your store

 

 

#piGal .outer {

margin-left: -100px;

margin-right: -90px;

}

 

 

Is it indeed true that you only use x 1 image at the minute???

 

Regards

Joli

 

PS: 4 : would be to change the grid code a bit in product_info but a bit more work.

To improve is to change; to be perfect is to change often.

 

Posted

Find:

 

<div>
 <h1 style="float: right;"><?php echo $products_price; ?></h1>
 <h1><?php echo $products_name; ?></h1>
</div>

 

Add after:

 

<div class="clear"></div>

Posted

John,

Your solution does work, but the way OSC apparently scales pictures it over laps RH info boxes on some pics and works perfectly on others.

Thank you, going to keep that tip for possible use later.

 

Burt,

Your solution seems to be best, works perfectly on some and improves the position on others.

Thanks

 

What would be great is a way to maintain a fixed position on all of the upper RH corner picture position, this would line every picture perfectly to the next.

 

It's is a definite improvement and workable as is.

 

.

Posted

Just playing this seems to help around line 73

 

<div id="piGal" style="float: right;" align="right">

 

 

May need a bit of padding if they are to close to the edge

To improve is to change; to be perfect is to change often.

 

Posted

Find:

 

<div>
<h1 style="float: right;"><?php echo $products_price; ?></h1>
<h1><?php echo $products_name; ?></h1>
</div>

 

Add after:

 

<div class="clear"></div>

 

Other option

 

Find

<div>
 <h1 style="float: right;"><?php echo $products_price; ?></h1>
 <h1><?php echo $products_name; ?></h1>
</div>

 

Change to

<div style="overflow:hidden">
 <h1 style="float: right;"><?php echo $products_price; ?></h1>
 <h1><?php echo $products_name; ?></h1>
</div>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...