Questions tagged [color-swatches]

Color swatches layered navigation

Filter by
Sorted by
Tagged with
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(...
1 vote
1 answer
6k views

Magento 2: Get image from the swatch id

I have attribute color_swatch which is visual swatch and it has some items with images. In my code I can take this data: [swatch_id] => 57 [color_swatch] => Red [swatch_id] => 58 [...
0 votes
1 answer
1k views

Media main image not changes with swatches magento 2.0.2

I have facing some issues with configurable product. when i click on swatches main image not changed. my magento is 2.0.2. can you please help to resolve the issue. thanks
0 votes
2 answers
733 views

Magento 2 select one color swatch and disable click?

I want to disable click on magento 2 color swatch but they are not working if one color is here i use this code in swatch-renderer.js file but they are not working // Connect Tooltip ...
1 vote
2 answers
3k views

Magento 2 - Use Product Image for Swatch if Possible BUG!

I am new to magento2, I'm testing fresh copy of Magento 2.1.7. I want to display Product image in place of color swatches on product detail page for Color Attribute. In the admin section, i choose (...
0 votes
1 answer
127 views

Magento 2 Import Visual Swatch and Text Swatch Attribute Options Programatically

I have an attribute with attribute ID 'color'. Which has options with visual swatches. and another attribute with ID 'material' which has options with Text swatches. Now for the 'color' attribute I ...
2 votes
3 answers
2k views

Auto Select colour Swatch when configurable product page loads

I have a configurable product with one colour and different sizes, both these are set as required fields. I've set the colour attribute as not required, but then it wont show up when I create a ...
0 votes
3 answers
4k views

Magento 2 : How to Import Color and Size Swatch Attributes Using CSV

How to import color and size swatch attributes using csv.
0 votes
1 answer
41 views

Looking to add new color options to a current product. (Question from someone new to Magento 2.4) Can anyone provide step-by-step directions?

Looking to add extra color swatches here. I'm pretty new to Magento 2.4 Any help would be greatly appreciated.
0 votes
1 answer
135 views

How to show "thumbnail" instead of "swatch image"?

Anyone knows how to show thumbnail image instead of swatch? I already have setup swatch role for the whole catalog and I'm looking for a solution without modifing image role.
0 votes
0 answers
22 views

how show one product with different color in product details page but every color has different url depend on color value

i saw example and i want make like that https://www.zalando.sk/nike-sportswear-club-pant-teplaky-active-pink-ni122e0d8-j11.html
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 ...
1 vote
1 answer
161 views

How to hide Magento 2.4.5 duplicate pictures when the product color is switched

I used to seek workarounds for magento 2.4.2 on the stackexchange that fixed this issue, but when I upgraded to magento 2.4.5, those workarounds were outdated because magento had a major upgrade. How ...
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 ...
1 vote
3 answers
5k views

Magneto2 : Add color swatch attribute option with colorcode value programmatically

I am working on Magento 2 and want to add custom color in color swatch attribute option programmatically. I have gone through this post but unable to add options Can anyone helps me to add custom ...
0 votes
1 answer
203 views

Clicking on color swatch, images are not loading on product listing page in magento 2.3.5

I have added color swatches for my Configurable products. On product detail page when we click on color swatches the product images not changed properly as per color.so please fix this. Thanks in ...
0 votes
1 answer
683 views

Clicking on color swatch, images are not loading on product listing page in magento 2.3.3

I have added color swatches for my Configurable products. On product detail page when we click on color swatches the product images gets changed properly. But this does not work fine on category pages....
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 ...
0 votes
2 answers
4k views

Magento 2.3 How to Auto Select Swatch Option Values if Only One Exists in Product View

I'm trying to have swatch option values selected on the Product View page if only one value exists. also, I have tried this reference but not working for me https://magento.stackexchange.com/a/...
0 votes
1 answer
448 views

How To Auto Select First Child Product for swatch with image in list Of Magento 2?

How To Auto Select First Child Product for swatch with image in list Of Magento 2? i have override module-swatches/view/frontend/web/js/SwatchRenderer.js And update the method _RenderControls. but ...
0 votes
0 answers
234 views

when i click on color swatch in list page then same image not shown at product page in magento 2

when I click on color swatch in list page then same image not shown at product page in magento 2. after click on swatch image changed at list page but click on this image then open the product page ...
1 vote
1 answer
472 views

display count of color swatches in magento 2 list page

how to display the count of color swatches on the Magento 2 list page? I have tried by a custom extension(listproduct file) but that's not helping to solve the issue can anyone help me with this issue?...
1 vote
1 answer
488 views

How to add color picker to swatches?

Hei! I am using magento 1.9.1.1 and also it's watches that I get from color attribute. I love the magento native system and I would like to add to it not replace. I have certain colors for client to ...
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 ...
0 votes
0 answers
160 views

How to Images Swatches on base of Colors in Product Details Page in Magento 2.4.0?

I am trying to display Color Swatches on Product Details Page, But i don't know why Color swatches are not showing in frontend on product details page. On category page in layer navigation it's ...
0 votes
1 answer
600 views

Configurable product with image swatch only on product page

Is it possible to show image swatches only on product page, and on category pages, related, upsell sliders to stay default color swatches. By default magento configuration its colors or image swatches ...
1 vote
1 answer
83 views

Swatch on listing page but image on Product Page

First time posting here. Magento 2.4.0 I am trying to show color swatches on the product listing page but an image of the configurable products on the product page. By selecting use product image as ...
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 <...
0 votes
1 answer
382 views

Gallery image(thumbnails) not changing on visual swatch Magento 2.4.1

Is there any way to change the Gallery(thumbnail) image on visual swatch, currently only the base image get changed, I need to replace all the gallery image with selected product images
1 vote
0 answers
43 views

Magento2 display swatch options on left & right on details page based on category

Magento2 How can I display color swatches on left side under image on product details page for 1 category & size swatch on right size under name for another category product details page
1 vote
1 answer
454 views

show child block under static block in home page in magento 2

I want to show color swatches of configurable product in home page But My all static blocks in cms page. Here is my static block {{block class="Smartwave\Filterproducts\Block\Home\LatestList&...
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 ...
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 ...
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 ...
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?
1 vote
0 answers
32 views

Secondary color not updated in filter

I've set up two color attributes 1 for creating configurable products with the provided colors form the manufacturers, these colors come with a lot of variations. The 2nd attribute is with main colors ...
1 vote
0 answers
270 views

Magento 2 "More" button on poduct listing page

I want more button next to swatches image and on click of more, it will redirect to the product details page
0 votes
1 answer
2k views

Magento 2 - Color swatches not display in Category Page

My site in Magento 2.3.5 does not display color samples on the category page. Instead, they appear on the home page and on the product page. In the backend I set everything correctly to display the ...
0 votes
1 answer
822 views

Display Color swatch option in product listing page in magento 2

I want to display color images on product listing page https://prnt.sc/sush2z. I have made color attribute and selected swatch option. Assigned color images too. https://nimb.ws/Sw9mEN Did Visible on ...
1 vote
1 answer
2k views

Magento 2 : how to add color swatches on list page

Is it possible to add color swatches on the list page and color dropdown on the product view(detail) page?. Please check below image, I added color attribute as a dropdown: So by default on the ...
1 vote
1 answer
735 views

Text swatch value for multi store view showing wrong on frontend [ Magento 2.3.3 Enterprise Edition]

Have a look at below. Did anyone get the solution for this? Why product text swatch display admin swatch value instead of specific store value? Magento EE [2.3.3] Steps to reproduce: Create 2 ...
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: ...
1 vote
1 answer
875 views

Magento 2: Choose color via product image

I found the extension for allow choose color via product image. https://averun.com/magento-color-swatch-for-configurable-products.html but It for Magento1, my question is how to do it in Magento2, ...
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 ?
1 vote
0 answers
867 views

programmatically add color swatches to color attribute Magento2

I am using Magento 2.1.10 and have around 580 different colors in my color attribute. Since the Javascript obviously has trouble showing all of them in the backend (does not matter which browser, ...
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 ...
1 vote
1 answer
298 views

Magento 2: Unable to resize the swatch image

view.xml: <image id="swatch_image_base" type="swatch_image"> <width>500</width> <height>600</height> </image> <...
0 votes
1 answer
625 views

How magento 2.3 generates swatch images?

I want to resize default generated swatch images but upon doing that swatch images get blurred. So my question is, how to resize Magento swatch so that it will look nice? I have tried modifying ...
1 vote
0 answers
108 views

How can I add a container div for each color of the swatch colors on the product page?

I am trying to add a container div for each color of the swatch colors to give it the look I need (configurable product, in PDP). I am adding the div in the following file that I inserted in my theme ....
0 votes
0 answers
332 views

swatches not working in Magento 2.3.3

I have installed Magento2.3.3 on my system and created one configurable product which has two swatch attribute colour and speed. Colour is image swatch and speed is dropdown. So upon loading product ...