Questions tagged [color-swatches]

Color swatches layered navigation

Filter by
Sorted by
Tagged with
0 votes
1 answer
134 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 ...
m2dev's user avatar
  • 63
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.
Kelly's user avatar
  • 1
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.
Silver's user avatar
  • 119
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
Salah Mustafa's user avatar
1 vote
1 answer
162 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 ...
Angelo's user avatar
  • 77
0 votes
1 answer
204 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 ...
Zargam Zargam's user avatar
0 votes
1 answer
450 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 ...
srushti patel's user avatar
0 votes
0 answers
240 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 ...
srushti patel's user avatar
1 vote
1 answer
477 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?...
srushti patel's user avatar
0 votes
0 answers
161 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 ...
Wajahat Bashir's user avatar
0 votes
1 answer
603 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 ...
Alek Pangos's user avatar
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
0 votes
1 answer
688 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....
Nafsss's user avatar
  • 720
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
amith lal's user avatar
  • 756
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 ...
Phil Bradbury's user avatar
1 vote
0 answers
44 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
Arjun's user avatar
  • 3,526
1 vote
1 answer
458 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&...
Niraj Patel's user avatar
0 votes
2 answers
735 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 ...
shohel hussain's user avatar
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 ...
Alex's user avatar
  • 11
2 votes
1 answer
253 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
1 vote
0 answers
271 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
Akshay Kamble's user avatar
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 ...
Jackom's user avatar
  • 421
0 votes
1 answer
831 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 ...
Nafsss's user avatar
  • 720
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 ...
Monark Bhawani's user avatar
1 vote
1 answer
738 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 ...
Yo Yo Roshan'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
1 vote
1 answer
879 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, ...
MichaelHa's user avatar
  • 671
1 vote
1 answer
299 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> <...
Rahul Singh's user avatar
  • 1,630
0 votes
1 answer
627 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 ...
AjayKr's user avatar
  • 135
1 vote
0 answers
109 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 ....
Cristian Conesa's user avatar
0 votes
0 answers
333 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 ...
AjayKr's user avatar
  • 135
0 votes
1 answer
44 views

Color swatches show up as text on frontend?

I created some color swatches, assigend a color from the color picker and saved, that seems to be ok (https://prnt.sc/pi9bm8). After that I assigned the colors to the products. Now on the frontend, ...
Arnie's user avatar
  • 952
0 votes
0 answers
732 views

Magento 2.3 color swatches with related products & upsell products?

I have added color swatches with related products using this code: <?php if($_item->getTypeId() == \Magento\ConfigurableProduct\Model\Product\Type\Configurable::TYPE_CODE){ $...
Vinod Kumar Clix'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
0 votes
0 answers
260 views

Magento 2: How to create color swatch attribute for the customer?

I want to create a color swatch attribute for the customer same like we use for the product attribute.
Dj3's user avatar
  • 101
0 votes
0 answers
255 views

Magento2.3.0 For configurable product attribute variation display this type

I am using Magento2.3.0 an i want to display swatch color and drop-down color name display this type of and after swatch color first attribute selected automatically color name choose in drop-down ...
Rv Singh's user avatar
  • 1,617
0 votes
1 answer
714 views

Magento 2 Change base image when attribute is selected on catalog page

I want to change the base image depending on the color which is selected. So if i select "Olive Green", all the products with olive color single products must change the base images to the black ...
Kees Janssen's user avatar
0 votes
1 answer
889 views

Magento 2 configurable product price not update

Magento 2.2.8 .I have created Configurable product with Color + Size attribute. Product price is not update When select(Click) attribute on Product details page. I am using Luma theme.
Shorabh's user avatar
  • 1,510
0 votes
0 answers
146 views

Magento 2 how to get swatch name instead of image on hover in category page?

i changed that code - from - ' option-tooltip-thumb="' + thumb + '"' + ' option-tooltip-value="' + value + '"' + to - ' option-tooltip-thumb="' + label + '"' + ' option-tooltip-value="' + label ...
sumeet bajaj's user avatar
  • 1,225
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/...
Rakesh Donga's user avatar
  • 5,324
2 votes
1 answer
676 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
0 votes
1 answer
35 views

How to check uniquenes of color options when adding a color magento 2?

I want that when i add an existing color an exception will be raised so how to proceed and which file do i have to override and thanks in advance.
Developper Magento 's user avatar
1 vote
0 answers
11 views

Magento 1.9 Colour Swatch handling code -

Please can someone help me with some PHP code: Our magento server hosts have identified this section of code as being very resource hungry, is there an alternative route we can take? a module that ...
Russell Alcock's user avatar
0 votes
1 answer
35 views

Not able to create color swatches Magento ver. 2.2.4

Preconditions Magento ver. 2.2.4 Developer mode/Production Mode Steps to reproduce Add your own colors Expected result You should be able to add as many colors as you want. Actual result After ...
Prits's user avatar
  • 626
0 votes
1 answer
307 views

why button not showing in custom theme in magento 2?

when i go customer login and customer module and custom_module related pages button is not showing when i move a mouse over that button the button is showing how to solve this css color ...
prabhakaran7's user avatar
  • 1,057
1 vote
1 answer
47 views

Get option selected image for conformation email attached

I like to get selected option image of swatch option, for design email template. Now i'm getting a parent image instred of selected image. Eg: in my website parent image is black color, i choose ...
Priya's user avatar
  • 579
1 vote
0 answers
19 views

Photos needed for product attributes?

I have some shirts that the client can choose the size, color and also add a custom text and choose the color of the text. My problem is that I'm not sure if I have a photo of each shirt color without ...
Despotars's user avatar
  • 475
2 votes
1 answer
658 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
0 votes
1 answer
99 views

Issue while Configuring color swatches in Magento 1.9.3.10

I am using Magento 1.9.2.10 to configure color swatches i have followed the below link to do this: https://www.templatemonster.com/help/magento-how-to-add-and-manage-configurable-swatches.html#gref ...
user3653474's user avatar
0 votes
1 answer
1k views

Stop swatches from loading images on product detail [closed]

I have two swatches.. color and size. Is there a way to stop the size swatches from reloading the picture of the product and keep the color swatch working as usual? Ty!
Gonzalo Gutiérrez's user avatar