Jump to content



Photo
- - - - -

Move image on product description


This topic has been archived. This means that you cannot reply to this topic.
14 replies to this topic

#1   Belial

Belial
  • Members
  • 91 posts

Posted 04 July 2012 - 13:53

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

#2   dailce

dailce
  • Members
  • 519 posts

Posted 04 July 2012 - 14:38

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?

#3   Belial

Belial
  • Members
  • 91 posts

Posted 04 July 2012 - 15:14

I have default.

#4   dailce

dailce
  • Members
  • 519 posts

Posted 04 July 2012 - 15:28

can you actually provide a link and explain exactly what you are trying to accomplish with the image.

Here's a default page the image is far to the right. http://demo.oscommer...?products_id=26

#5   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,556 posts

Posted 04 July 2012 - 15:33

This would be a better example, since it use the bxgallery settings http://demo.oscommer...&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

#6   Belial

Belial
  • Members
  • 91 posts

Posted 04 July 2012 - 15:52

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.

#7   dailce

dailce
  • Members
  • 519 posts

Posted 04 July 2012 - 16:04

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.

#8   Belial

Belial
  • Members
  • 91 posts

Posted 04 July 2012 - 16:17

thanks a lot dalice.

That worked but i can't understand in mozilla is correct, tha in chrome is like i have it aligned left.

Take a look please in both.

http://dizzystore.co...?products_id=55

#9   dailce

dailce
  • Members
  • 519 posts

Posted 04 July 2012 - 16:22

add "clear: both;" I think.

#10   Belial

Belial
  • Members
  • 91 posts

Posted 04 July 2012 - 16:23

where? apologize.

#11   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,556 posts

Posted 04 July 2012 - 16:26

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

#12   Belial

Belial
  • Members
  • 91 posts

Posted 04 July 2012 - 16:36

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?

#13   Belial

Belial
  • Members
  • 91 posts

Posted 04 July 2012 - 16:59

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?

#14   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,556 posts

Posted 04 July 2012 - 17:11

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

Edited by multimixer, 04 July 2012 - 17:13.


#15   Belial

Belial
  • Members
  • 91 posts

Posted 04 July 2012 - 17:18

Ok.

As for the shopping cart i ask please?