Latest News: (loading..)

Archived

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

Belial

Move image on product description

15 posts in this topic

I read some topics and i try to move the picture more right. I see my product_info.php, but don'y see any cellspacing etc.

 

OSC 2.3.1

Share this post


Link to post
Share on other sites

2.3.1 is using CSS to style these components. Tables and cellspacing are mostly all gone from this version. Do you have a modified or default template?

Share this post


Link to post
Share on other sites

This would be a better example, since it use the bxgallery settings http://demo.oscommerce.com/product_info.php?cPath=21&products_id=28

 

You need to adjust following numbers in file catalog/product_info.php

 maxwidth: 300,
 maxheight: 200,
 thumbwidth: <?php echo (($pi_counter > 1) ? '65' : '0'); ?>,
 thumbcontainer: 300,

 

Take care not to have the thumbcontainer wider as the image and you could have same maxwidth and maxheight = square, but this depend on your images

Share this post


Link to post
Share on other sites

I just want to move a little bit the image right. Maybe i have touch something, but not remember.

 

So where i have to look?

 

Also, to not start new topic in my shopping cart prices of products are a bit more high than the line of letters of products.

Can we do something?

 

Appreciate your help.

Share this post


Link to post
Share on other sites

Most of these changes are based on your css styles - file stylesheet.css

 

if you edit that file you can for instance add

 

 

#piGal {

margin-left: 10px;

}

 

This will add 10px margin to the left of the image container, search google for some css tutorials. As multimixer said you can also edit the product_info.php page to adjust the image box.

Share this post


Link to post
Share on other sites

In your file catalog/product_info.php 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>

 

Also, in same file set your thumbcontainer width same as the image (=200) now you have it at 150

Share this post


Link to post
Share on other sites

Thanks for your support my friends.

 

Now i set everything to 150.

 

It's ok now, with a little differnce from chrome to mozilla. The only align problem now i think is the prices in shopping cart are high instead of the same line. Can you help me please because i think it's serious?

Share this post


Link to post
Share on other sites

Also now with the changes you told me to paste, when i insert an html code to the item description i take bad request.

 

Help?

Share this post


Link to post
Share on other sites

Also now with the changes you told me to paste, when i insert an html code to the item description i take bad request.

 

Help?

 

What changes/who do you refer to?

 

Those changes have nothing to do with any html in your products description, but you are free of course to undo them, if you think it will help

 

EDIT: Yes, I can see the "bad request", this is connected to the editor you use to enter the descriptions

Share this post


Link to post
Share on other sites