[Solved]How do I change product window dimensions?

[Alain Costea]

Hello,

 

I want to change the way product look - widt and hight.

It is possible?

 

Thank.

Edited April 30, 2013 by Alain Costea (see edit history)

[yaniv14]

Anything is possible

be more specific please

[Alain Costea]

In the "before" http://decorativ-art.ro/Before.jpg, image you can see how my product page was looking.

In the "after" http://decorativ-art.ro/After.jpg, my product page is different. The reason is a module I installed (custom colors colorize, from prestashop).

Now, I want to stay on that module, but resize the way my product looks, like in the before image....

 

I looked everywhere, but I jut can not find from where I can do that...

 

In the toogle tools from firexox, shows:

 

<div id="pb-left-column">

<!-- product img-->

<object id="_colorizeid" width="260" height="306.8" type="application/x-shockwave-flash" name="_colorizeid" data="/modules/colorize/swf/colorize_secure.swf"></object>

 

But, as i said, I can't find these settings...

 

I hope I explained welll....

 

Thanks.

[yaniv14]

I can take a look if you get me access to your store, but it seems like the module is running flash

[Alain Costea]

www.decorativ-art.ro

 

now it is enabled...

Edited April 29, 2013 by Alain Costea (see edit history)

[yaniv14]

Can you try to add to your global.css or product.css (even better).

 

 

 

#_colorizeid {width: 500px;height:500px;}

 

you can play with the sizes, if its not working try adding !important like:

 

 

#_colorizeid {width: 500px !important;height:500px !important;}

 

also look in product.css for

 

 

 

#thumbs_list ul#thumbs_list_frame {

list-style-type: none;

padding-left: 0;

}

 

and change to:

 

 

 

#thumbs_list ul#thumbs_list_frame {

list-style-type: none;

padding-left: 0;

width: auto !important;

}

Edited April 29, 2013 by yaniv14 (see edit history)

[Alain Costea]

It is working, thank you so much! )

 

It is yet a problem: when page is minimized, the bp_right_column is over bp_left_colum, wchich inlude the colorizeid object.

[yaniv14]

It used to be fine before the module?

is your theme responsive?

[Alain Costea]

Yes, and yes.

Problems begun with the installing of this module.

 

I did send a message to the developer, but it takes like 20-24 hours to respond...I should finish the project until 5 may...

What I really doesn't understood in the link to the provider from inside the configurator...I don't think is normal...but probably it will be resolved...

[Alain Costea]

I replaced the line with:

#_colorizeid {

width:100%!important

}

 

It works very well...on width... . If I put also the height 100%, the code doesn't work anymore...

[yaniv14]

Did you try not going on 100% but ac certain size instead?

Did you close " ; " between width & height?

When I check yesterday on your live store it works fine, can you enable your store again?

[Alain Costea]

I enabled.

I let as yoy said yesterday, with certain size.

 

Everything looks ok, but if you decrease page, the product remains at 500px, but enter beyond/in front of elements from beside (colors, text, prices).

[Alain Costea]

I tried that:

width:100%!important;height:500px!important; -> it doesn't cover other elements, having the same dimensions like the pb_left_column, but, the colorizeid window it does not maintain aspect ratio

width:100%!important;height:auto!important; -> the colorizeid window disappear

 

I don't know how to let the width on 100% ( an no more problems with covering something else), and maintaining aspect ratio...

[yaniv14]

Try to add different height in different size in the css where you setup responsive design (@media only screen).

leave the width at auto or 100%.

[Alain Costea]

I will go for it right now.

Thanks.

[Alain Costea]

Conclusions:

 

First possibility:

 

In global.css insert:

#_colorizeid {width:100%!important;}

 

In themes/theme_name/css/responsive.css insert:

#pb-left-column #_colorizeid {

height:240px; (for every " @media only screen and.... ) dimension, the exact height you want.

 

Second solution is to find the file from module where the object dimensions are specified, and change them. In my case it was:

public_html/modules/colorize/swf/colorize.conf:

 

"module":{

"width":434,

"height":591,

"scale":"exactfit"

 

That solved my problem...

 

Thanks for helping me!