[Solved] Increasing colour attribute block on product page

[weasel69]

Is it possible to increase the size of the colour attribute blocks (showing the colours) on the product page?

Edited November 14, 2013 by weasel69 (see edit history)

[vekia]

of course, you can change styles for:

#attributes .attribute_list #color_to_pick_list a.color_pick {
display: block;
height: 20px;
width: 20px;
}

it's a part of /themes/default/css/product.css file line 228 *default theme*

 

example with width:50px; height:50px;

[weasel69]

Hi Vekia

 

Thanks for the reply ... I did as you suggested and can now see that the block that displays the texture/colour is bigger (50px), but the actual texture image I uploaded is still being displayed in the original small size (even though the image is actually 120px big)

 

You can see an example here

[vekia]

i created code for colors as you stated in topic title and first topic,

can you share url? i will check it

[weasel69]

http://test.sleepingcouchandsofa.afrihost.com/index.php?id_product=35&controller=product#/sleeping_surface-76cm_small_single/material-fabric/type-sleeper/masterguard-optional_extra/fabric_colour-mallorca_citrus

[vekia]

okay! i've got it!

somewhere in global.css insert this simple code:

#color_to_pick_list li img {width:100%!important; height:100%!important;}

effect:

[weasel69]

Hi Vekia, thank you so much!!! Much appreciated

 

Next question ... is it possible when hovering over the colour/texture block to see a floating bigger preview of the block which will allow you to see the texture more clearly?

Edited November 14, 2013 by weasel69 (see edit history)

[vekia]

with some kind of modifications it is possible

something like: http://www.jacklmoore.com/zoom/

[weasel69]

That domain seems to be broken

[vekia]

weirdy, i can open this website and browse its pages

take a look here: https://github.com/jackmoore/zoom

the same prject

[grubybarti]

How can I make it work with my PS 1.6 ?

[vekia]

from what i see process is almost the same.

share url, i will check it.

[grubybarti]

After taking a close look on this I understod that its not what I want. What I would like to see after hover is in image. Is this even possible ?