Jump to content

[SOLVED] how to show colorsample?


Recommended Posts

Hi everybody.Hope some one here can help me.I making a shop for cosmetics and just realised that
i need to show many products with first a picture(no problem)but i also need to show colorpicture of exempel
nailpaint,makeup powder etc.I use pictures from my supplier and have no clue how to get a smal colorsamplepic
on the productpage?Not sure if Its ok to put links to shop so I do like this www dot kosmetikabutiken.se maby some
one can se or familiar with my problem.here is pic from my supplier http://www.cosmetiqann dot se/products/167

Link to comment
Share on other sites

You can use the "color picker" option in PrestaShop to do that. Go to Catalog > Attributes and groups, create an attribute group with something like "Make-up Color" as the name and "Color" for the public name, then tick "Color group" and click Save. You can then add attributes to that group and upload a texture image for each attributes. Then go to the "3. Combinations" tab of the product editor, click the Product Combinations Generator, select all the colours related to the product in the listbox on the right, then click Add, enter the price differences if necessary, then click Generate, then "Back to product", then change the "Color picker" at the bottom from "Do not display" to "Color". You should then have the texture images you upload appear on your product page in boxes that can be clicked to select that color.

Link to comment
Share on other sites

Yes, it is on lines 1740-1746 (in PrestaShop v1.3.1) of css/global.css in your theme's directory:

#primary_block a.color_pick {
   display: block;
   width: 20px;
   height: 20px;
   border: 1px solid #666;
   cursor: pointer
}



Change the width and height from 20px to whatever size you want.

Link to comment
Share on other sites

  • 10 months later...

Hi,

I've tried to do this in product.css in prestashop 1.4.1...However when I do this, the color image does not match the enlarged box.

does anyone know how I can alter that?

thanks in advance for the help!

Greetings,
Daan

Link to comment
Share on other sites

×
×
  • Create New...