Questions tagged [color-swatches]

Color swatches layered navigation

79 questions with no upvoted or accepted answers
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(...
Sneha Soni'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
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
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
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 ...
user2240778's user avatar
2 votes
0 answers
95 views

swatches not working in list page

Am working in magento 1.9.2.3. The configurable color swatches is not working in list page of mobile view while it is working fine in list page of desktop view.It is also working well in details page ...
Ramya's user avatar
  • 1,088
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 ...
Angelo's user avatar
  • 77
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
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
Arjun's user avatar
  • 3,526
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
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
Akshay Kamble's user avatar
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 ...
Yo Yo Roshan's user avatar
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 ....
Cristian Conesa'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
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
1 vote
0 answers
25 views

how to show Color button Options in Product Category Listings page M1

How to show different Color button Options configure Product Category Listings page M1
user3580677's user avatar
1 vote
1 answer
196 views

How to show swatches on category page in Magento 1.9

I was trying to show configurable color swatches on category listing page but unable to get it, I used below code but it just shows the name of color but I want to show swatches same as on product ...
Avinash Borse's user avatar
1 vote
0 answers
643 views

Change configurable product price selecting a swatch

Good morning, i'm working on a magento 2.2.5 store and i have a question about configurable products configurations. I have some products where the price is different betweent the configurations. ...
baronebirra's user avatar
1 vote
0 answers
612 views

Magento 2 visual swatch not working from changing attribute from drop down?

I have created an attribute "color" with drop-down, now as per our customer request we have changed to visual swatch. and did re-index and flush. but color not displaying at front end as we expected. ...
Nagaraju Kasa's user avatar
1 vote
0 answers
2k views

How to select by default first swatches from dependent options color & size in magento 2

I have tier prices for the products but it is showing after selecting swatches. I have two attributes "Color & Size" for configurable products. Color attributes have swatch image and Size ...
Vinod Kumar's user avatar
  • 2,045
1 vote
0 answers
33 views

Colour swatch switching back to default randomly [Mage2]

For the past 2 days I've been monitoring my configurable products to see if there is an issue and not to my surprise, I see there is. Basically, I set up a test product with a colour, and checked ...
Jake Punton's user avatar
1 vote
0 answers
186 views

Issue in product image color in magento 2.2X?

I have two swatches i.e., red and black And when a user clicks red colour it changes the colour of the image But in cart the image is base image only. So the issue is, Selected options image isn'...
Prathap Gunasekaran's user avatar
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, ...
Cypherfax's user avatar
1 vote
0 answers
154 views

Magento : Multiple Configurable Swatches on Product Listing Page

I want to show multiple configurable swatches on product listing page. For that I created configurable_category.phtml where I replicated configurable.phtml file to showing the configurable swatches ...
Ciprian's user avatar
  • 527
1 vote
0 answers
29 views

Magento | Configurable Swatches Tab doesn't appear in The Admin page

I am trying to add a product with color swatches. when I searched I found a lot of articles like this: http://docs.magento.com/m1/ce/user_guide/catalog/product-configurable-swatch.html but I can't ...
Mohamed Badawy's user avatar
1 vote
1 answer
402 views

Retrieve all the available color in product collection

I have a custom product collection and products inside this collection has variety of colors. I want to retrieve all the colors available inside this product collection and store it in array. $layer ...
Shell Suite's user avatar
  • 1,682
1 vote
1 answer
1k views

Magento 2: How to add a Color Picker in Grid?

I'd like to add the standard Magento color picker to a custom grid in the admin panel, as an editable field. I have been able to do this in admin forms using code like the below, but have no idea how ...
Benghis Ghrant's user avatar
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 (...
user51556's user avatar
1 vote
0 answers
272 views

Black and White Magento Visual Swatches displaying Hex instead of color swatch

We have swatches configured for our configurable products for users to select the color of the shirt from, everything seems to work fine except for the two black and white swatches, instead of ...
codestr's user avatar
  • 485
1 vote
0 answers
187 views

How to set up a layered navigation filter with swatches - but not use as a configurable product option

I would like to use an attribute set (with swatches) to feed into a filter on the layered navigation on category pages. However I do not want this attribute set to be an option on the product detail ...
Larrio's user avatar
  • 11
1 vote
0 answers
36 views

Not able to see other images in Product view of Configurable Product in Magento 2

I'm creating a configurable product in Magento 2, and I added 3 images (let's say A,B,C) in the configurable product section Images and Videos. Then I create configuration based on color and select 2 ...
Nausif's user avatar
  • 1,524
1 vote
1 answer
121 views

Configurable swatches are not displaying on new products page ( new.phtml )

I am using my custom theme. By following some articles, I have displayed configurable swatches on the product list page. When I set the configurable product as New then it appears on my New Products ...
vedu's user avatar
  • 847
1 vote
0 answers
919 views

Displaying Configurable Swatches in a Custom Theme

I used this solution for adding configurable swatches to my custom theme. It worked but I managed to achieve a partial result. The problem i am facing is that i see double images on my product-view ...
Tushar Narang's user avatar
1 vote
1 answer
553 views

Change Product Image Gallery On Options Select

I have a configurable product with multiple colors/sizes, and each simple product has its own images. I have three images for the main configurable product. When I pick a color option for the product, ...
Erik Laucks's user avatar
1 vote
0 answers
1k views

Configurable Swatches Thumbnails not showing

I am using configurable swatches for a product. I want to configure just like the given link. Click to see the product But in my case the thumbnails are not showing. Every associated product have ...
Amir Iqbal's user avatar
1 vote
1 answer
359 views

Product Attributes are not working after upgrade to 1.9.2.3

I just upgraded from 1.9.1 and our configurable.phtml was working fine before that. Now it's showing the pricing as "$0.00". I've replaced our configurable.phtml with the "Default" and it worked, but ...
Elva Sandoval's user avatar
1 vote
2 answers
317 views

Colorswatch filter shows Size as Color

I am working with Magento 1.9.1.0 I have 2 attributes as swatches (Color and Size). In layered Navigation: select Blue--> shows blue swatch in filter select XL --> shows XL in Filter select blue ...
dipling's user avatar
  • 11
1 vote
0 answers
207 views

How to resize image when click attribute on color swatches change image

In file list.html image when load page resize 230. but when i click attribute color. size images from 230px to 300px. how can resize images 300px -> 230px < img id="product-collection-image-getId()...
Shadow's user avatar
  • 83
1 vote
0 answers
50 views

Invisible, not transparent images for inactive attribute options in Configurable swatches

I use the same attribute "color" for different "textures" of the product. I am using configurable swatches with magento default rwd theme. The problem is, when a certain texture in frontend is ...
T1mmy's user avatar
  • 11
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
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 ...
Zargam Zargam's user avatar
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 ...
srushti patel's user avatar
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 ...
srushti patel's user avatar
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 ...
Wajahat Bashir's user avatar