Questions tagged [color-swatches]

Color swatches layered navigation

Filter by
Sorted by
Tagged with
28 votes
3 answers
38k views

How to use Magento 1.9.1.0 Configurable Swatches in Default package theme (or a custom theme)?

UPDATE: My answer now supports automated change of the product base image after swatch. You can also find a more detailed tutorial on how to do this including more images here. Magento CE 1.9.1....
MatthijsIJ's user avatar
  • 3,602
23 votes
2 answers
4k views

Enterprise 1.14.1 Swatches causing 35 sec plus load time on category pages

We have implemented the new inbuilt Swatches feature in our latest new site build When we enable the swatches on category pages the page load time goes from 2 seconds to 38 + seconds. I was wondering ...
Dave Bevington's user avatar
18 votes
1 answer
12k views

How to display correct configured product image in shopping cart

I'm able to successfully use the color swatch feature that was introduced in CE 1.9.1, but I was wondering how can I display the selected colored product that was added to the shopping cart. Example: ...
monocat's user avatar
  • 550
9 votes
1 answer
493 views

Configurable swatches

We have a online shop with shoes. For example i would like to have a configurable product "Shoes XXX" with following simple products: "Shoes XXX Color Black Size 40" "Shoes XXX Color Black Size 41" "...
diego's user avatar
  • 321
8 votes
8 answers
12k views

How can i disable Color Swatches Tooltip in Magento 2?

When i hove over magento color swatches, it shows a bigger tooltip. On Mobile this is truly not useful. I want to disable the tooltip. Where can i disable the tooltip? I looked for options but did ...
Fancyman's user avatar
  • 509
8 votes
0 answers
3k views

Magento2 visual swatch won't change product image [closed]

Created a configurable product with 20 different colors in the configuration process. I added different images for each color variation but when switching from colors on the front-end the ajax script ...
Jeroen's user avatar
  • 181
7 votes
6 answers
6k views

Magento 2 error in swatchRenderer.js at 'updateData' property

I have this error in category page. When i change color from swatch option it star loading in product image container and shows error in SwatchRenderer.js here is the error: Uncaught TypeError: ...
Jassi BANga's user avatar
7 votes
1 answer
285 views

Why does magento need to load all labels from universe to build color swatches?

I'm working on a store that has 23k of possible color values. But, they are not used on every product of course. Now, that we are working on 1.9.2.1, that has native swatches, I see that the produt ...
Ricardo Martins's user avatar
6 votes
2 answers
2k views

Magento color swatch images have black background when created from product image with transparency

I was running into this issue with the new Magento Configurable swatches feature in 1.9: Some of my product images are .png with a transparent background, and the color swatch images seem to default ...
Eric Seastrand's user avatar
5 votes
1 answer
4k views

Visual swatches for attribute with input type multiselect

In Magento 2.1.1 CE visual swatches works with select-type attributes out of box, but not witth multiselect. Is there any simple way to make it work also with multiselect-type? Can it be achieved ...
Bartosz Kubicki's user avatar
5 votes
1 answer
1k views

Link configurable swatches to appropriate simple product

I am using configurable swatches on the product list page. The default implementation links all the products to the configurable product and shows the default image for the configurable product. For ...
Connor Katz's user avatar
5 votes
1 answer
2k views

Magento - How to remove color swatch if the product is disabled?

For Example,There is a product with attribute color - Black,Blue,Red. If the associated product with color Black is disabled, it should not display black color swatch. But it displays color swatch(...
Sneha Soni's user avatar
4 votes
1 answer
3k views

How to show visual swatch color on product listing page magento2

Hi i am trying to show the color on product listing page which is configure in the color attribute as visual swatch. Please find the screenshot below.
rajat kara's user avatar
  • 1,209
4 votes
2 answers
2k views

How to Consolidate Color Swatches in Layered Navigation?

hoping someone can help me with a question on Magento 1.9.1. I set-up multiple configurable products where some products do not share a common global color such as "Blue". Example, there are colors ...
Pavel's user avatar
  • 41
4 votes
1 answer
5k views

Change configurable swatches order in Magento 2

I want to know how can I change/set configurable swatches sort order in a products list page in Magento 2 ? For example in the case above I want to have from top to bottom: Colors Shapes Sizes ...
user2922294's user avatar
4 votes
0 answers
800 views

Upload custom images dynamically from product edit page magento 2

I want to create custom image swatches for custom option. There is functionality in magento 1 please check this video. https://www.youtube.com/watch?v=tUvVjvgbJzI I want to develop similar ...
Sunny Rahevar's user avatar
4 votes
0 answers
1k views

Is there any way that one swatch is selected by default (magento configurable swatches)

I am trying use Magento Configurable swatches in my website (for colors). But I am facing some issues, in Product details page, we have to select one color swatch. In Product Listing Page, we are ...
Manoj's user avatar
  • 141
3 votes
1 answer
1k views

Hide base product Images when pick a different color in Configurable Products

what I need is to hide all pics that doesn't bellongs to the selected color in swatch of configurable product, is there any way to achieve this? Thanks. I've seen this similar question, but without ...
lpFranz's user avatar
  • 689
3 votes
3 answers
2k views

How to disable a swatch, once it is been selected in Magento2.2?

I am trying to disable a swatch, once after it has been selected. So it should not be deselected... How to do it in Magento2.2.x ?
Prathap Gunasekaran's user avatar
3 votes
2 answers
3k views

How can I get the HEX code in Visual Swatch via Rest API

Could anyone help me to find the rest api to get hex or image of visual swatch attribute? I need the api to return the following, Label Value HEX or Image of the swatch. Thanks
Medomage's user avatar
3 votes
1 answer
5k views

how to get swatches attribute option in magento 2

how to get progmatically swatches attribute option data in magento 2. I tried this:- \Magento\Eav\Model\ResourceModel\Entity\Attribute\Option\CollectionFactory $options = $this->...
Karangar Meghnathi's user avatar
3 votes
1 answer
1k views

Magento2 swatch image change Ajax return 404

I recently upgraded my Magento version from 2.1.9 to 2.3.3, after upgrade everything is working fine else the changing of configurable swatches. On changing the configurable swatches product image is ...
Narendra Vyas's user avatar
3 votes
4 answers
3k views

How to Auto Select The Color as Swatch Option for Products with Only One Color (on Magento 2.1 Product View)?

I'm trying to have swatch option value of color auto-selected for Products that only have one color. If a user selects some product from the category page, the product page is displayed with ...
Shahzada Ayub's user avatar
3 votes
1 answer
1k views

Magento 2: How to quickly import the color swatches?

I've more than 50k attributes to apply the color swatches, I'd like to know if there are different method more easy or fast than the manual process?
Rafael Corrêa Gomes's user avatar
3 votes
1 answer
642 views

Displaying new set of thumbnails in Configurable Product Swatches

So, this question has been asked multiple times in the past and yet I didn't find an answer for it. I am running Magento 1.9.2 which comes with Configurable Product Swatches. Now I can display ...
Benjamin's user avatar
  • 309
3 votes
1 answer
1k views

Configurable Swatches: Error Processing Request: "SQLSTATE[HY000]: General error: 2006 MySQL server has gone away

I have enable Configurable Swatches, but I encounter a problem it shows me a page (There has been an error processing your request) Exception printing is disabled by default for security reasons. ...
webevolution's user avatar
3 votes
0 answers
60 views

Add text into attribute options

I want to add some info text to every option under the attribute Color. For example in Color with label Red I want to add the text "Color red is a color that we are using under the products...etc" ...
Ddweb's user avatar
  • 31
3 votes
1 answer
1k views

get configurable swatches in homepage product list (Custom product list)

I have populated bestselling products on homepage. It's populating list of products as desired. Now i have enabled configurable swatches & have enabled on product listing(i'm using rwd theme). I ...
Suman K.C's user avatar
  • 1,159
3 votes
1 answer
3k views

Magento configurable product with Multiple select option, not drop down [closed]

I have configurable products list in category page. Here there is option of color swatch. In Magento, by default, there is no option of multiple select of color attribute during color attribute ...
ankan's user avatar
  • 31
2 votes
5 answers
16k views

Magento 2: How to change image size of swatches?

I found the file to change the image size of Swatches here and it works when I change it in that place: vendor/magento/module-swatches/etc/view.xml However, if I move it to my theme it doesn't ...
Oliver Schmid's user avatar
2 votes
1 answer
3k views

Product image according to selected color option on cart page Magento

My problem is that the images of a configurable product change according to the color option on product detail page but when I add to cart that product default image is shown on cart page while I ...
urfusion's user avatar
  • 346
2 votes
1 answer
656 views

Unselect Attribute "Is Default" - Color

Magento 2.2.6 The attribute 'color' had, for as long as I can remember, no "Is Default" value selected. A few days ago, I add a new color to the color value. Upon saving, there is now a color value ...
dawhoo's user avatar
  • 855
2 votes
1 answer
3k views

Magento 2 Get all the colors of a single Product?

How can I get all the available colors of a single product in Magento 2?
glafche's user avatar
  • 487
2 votes
2 answers
2k views

Magento 2: how to improve response time when changing colors?

Currently it takes around 4-5 seconds to update the product images when you click on a color swatch in Magento 2. Example: https://youtu.be/AeOTEth4TOc How can you improve this performance? It ...
thdoan's user avatar
  • 728
2 votes
1 answer
507 views

Magento 1.9.1 Configurable swatches not generating images nor directory in Media > Catalog > Swatches > 1

We have identical local and staging environments on git, and on the same branch, but the configurable swatch assets are not displaying on the staging site. I've narrowed this down to the images not ...
anderlpz's user avatar
2 votes
2 answers
9k views

Configurable Swatches wont change the picture on configurable product

I have a fresh install of Magento 1.9.1.0 Enabled Cofigurable Swatches: Created attribute set with color attribute options: Added configurable product and associated products with this picture set ...
Daniel Badanjak's user avatar
2 votes
1 answer
774 views

How to change product image on swatch selection on related product on product view page in Magento 2?

I have color swatches on related products list on product page. I want to change product image on the basis of swatch selection on view page. How can I change image?
Vinod Kumar Clix's user avatar
2 votes
1 answer
665 views

Magento 2 How to dynamically change custom attributes when click on the color attributes in the configurable product?

I need dynamically change custom attribute on the configurable page when I click to the swatch color attribute. On this purpose I programmatically created custom attributes with options on the admin ...
Pavlo Bezuhlij's user avatar
2 votes
1 answer
3k views

Color Swatch and Price Filter not showing in magento 2.1.7

I am new to Magento 2.1.7. following set to create the category product listing page. Create the Root category and sub category In display setting Anchor value is Yes. Than create the product ...
Ravi Kumar's user avatar
2 votes
1 answer
2k views

Magento 1.9.3 : color swatches not working in ultimo theme

I created configurable product and enable configurable swatches from admin. And added color with "Red-swatch" in image section. Added image for simple product also. But color swatches are not doing ...
Chandra Bhushan's user avatar
2 votes
1 answer
2k views

How to display Configurable/Color Swatches in Homepage Magento 1.9.1

I have a list of products on my homepage and I'm trying to display its associated color swatches but I'm having a hard time to do it. I have the configurable swatches in my product list and it's ...
nosnevetzy's user avatar
2 votes
3 answers
1k views

Receiving 500 Internal Server Error [duplicate]

I did not even change any code or configure other than changing image in my slide show, which I have done earlier but I am continuously receiving these two errors on some of my pages including ...
Jwngdow Narzary's user avatar
2 votes
3 answers
2k views

How can I have the size and color of out of stock products displayed?

I would need help regarding the out of stock and color/size display function on Magento based website. I show the items on my website, even after they went out of stock. But the problem is that ...
mr.hironobu's user avatar
2 votes
1 answer
190 views

How to include configurable swatches in Best sellers / Cart cross sell / any custom listing

How to include configurable swatches on other listing like cross sell , bestseller or in a custom module product listing ?
Vishwas Bhatnagar's user avatar
2 votes
1 answer
854 views

Create product for each color on catalog, but all link to one configurable

I am currently using Magento for a fashion website. I am looking for an extension or some way to do the following: PRODUCT 1 has 3 colors. Currently there is one configurable for PRODUCT 1 and then ...
danielle's user avatar
2 votes
1 answer
77 views

Site design and Product type to create

I’m trying to build a site with CE v1.9.1 that will allow users to select and configure a customized DVD on-screen menu from 41 choices, then change the look of that menu by changing things like the ...
Flynn's user avatar
  • 23
2 votes
0 answers
169 views

Uncaught TypeError: $(...).AddFotoramaVideoEvents is not a function magento 2.3.6

I am facing this uncaught type error in swatch-renderer.js on listing page in magento 2.3.6 Till now i have tried 2 solutions but no luck: 1: added following lines catalog_category_view.xml <...
Umair Nasir Ahmad's user avatar
2 votes
1 answer
252 views

Magento 2.3.2 Single color variation auto selected on product list page

Magento 2.3.2 Single color variation auto selected on product list page, i have added this code in swatch-render.js after container append but it is selecting on all products instead of selecting only ...
Shaikh007's user avatar
2 votes
0 answers
344 views

Filter the configurable products based on the child product's color in Magento 2

In Magento 2 How to filter the configurable products based on the child product's color. For example, if the parent has 4 children with Green, Red, Yellow and Black colors. If I select green in the ...
Umarfarooq Galibwale's user avatar
2 votes
0 answers
397 views

I have an Issue with "Use Product Image for Swatch if Possible" in magento 2.2

I have an issue with swatch image URL on product detail page. You can check this link for color attribute. Swatch Image url is : ` pub/media/catalog/product\cache\f307e558402b572df42bba27be68d88b//...
Salim Kureshi's user avatar