2022 Developer Survey is open! Take survey.

Questions tagged [color-swatches]

Color swatches layered navigation

Filter by
Sorted by
Tagged with
0 votes
0 answers
6 views

Reset dependent swatches options if change first swatch(color) option magento 2 product page

There are 4 attributes are used as swatches color, height, width, weight Color swatch's first option is selected by default and other options from other swatches are selected by the user. After ...
user avatar
  • 1,957
0 votes
0 answers
47 views

how to add swatch attribute options through api

How can I add swatch attributes options thorugh rest api? I want api which allows to add attribute options for all attributes which are text swatch,visual swatch.
user avatar
0 votes
0 answers
19 views

Swatch on listing page but image on Product Page in magento 2

In Magento 2.4.2 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 swatch if possible I ...
user avatar
0 votes
1 answer
57 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 ...
user avatar
0 votes
0 answers
40 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 ...
user avatar
1 vote
1 answer
67 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?...
user avatar
0 votes
0 answers
80 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 ...
user avatar
0 votes
0 answers
40 views

Out of Stock associated product but its color swatch appears as product image

Here are the steps to reproduce this issue. Create a Configurable Product based on Color attribute which has in my case 2 defined values Blue and Grey. In Images section add 3 images. The first ...
user avatar
  • 587
0 votes
1 answer
183 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 ...
user avatar
1 vote
0 answers
90 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 <...
user avatar
0 votes
1 answer
349 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....
user avatar
  • 700
0 votes
1 answer
148 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
user avatar
  • 694
1 vote
1 answer
65 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 ...
user avatar
1 vote
0 answers
34 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
user avatar
  • 3,426
1 vote
1 answer
258 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&...
user avatar
0 votes
1 answer
382 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 ...
user avatar
1 vote
0 answers
28 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 ...
user avatar
  • 11
2 votes
1 answer
109 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 ...
user avatar
1 vote
0 answers
128 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
user avatar
0 votes
1 answer
1k 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 ...
user avatar
  • 287
0 votes
1 answer
349 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 ...
user avatar
  • 700
1 vote
1 answer
909 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 ...
user avatar
1 vote
1 answer
528 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 ...
user avatar
3 votes
1 answer
929 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 ...
user avatar
1 vote
1 answer
412 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, ...
user avatar
  • 641
1 vote
1 answer
174 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> <...
user avatar
  • 1,562
0 votes
1 answer
491 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 ...
user avatar
  • 135
1 vote
0 answers
82 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 ....
user avatar
0 votes
0 answers
294 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 ...
user avatar
  • 135
0 votes
1 answer
34 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, ...
user avatar
  • 882
0 votes
0 answers
596 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){ $...
user avatar
2 votes
1 answer
690 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?
user avatar
0 votes
0 answers
53 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.
user avatar
  • 81
0 votes
0 answers
213 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 ...
user avatar
  • 1,587
0 votes
1 answer
372 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 ...
user avatar
0 votes
1 answer
790 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.
user avatar
  • 1,450
0 votes
0 answers
75 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 ...
user avatar
  • 1,123
0 votes
2 answers
3k 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/...
user avatar
  • 5,094
1 vote
0 answers
392 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 ...
user avatar
0 votes
1 answer
26 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.
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 ...
user avatar
0 votes
1 answer
30 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 ...
user avatar
  • 526
0 votes
1 answer
207 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 ...
user avatar
  • 1,037
1 vote
1 answer
38 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 ...
user avatar
  • 569
1 vote
0 answers
18 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 ...
user avatar
  • 465
2 votes
1 answer
517 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 ...
user avatar
  • 855
0 votes
1 answer
98 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 ...
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!
user avatar
1 vote
0 answers
18 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
user avatar
1 vote
1 answer
555 views

Magento2 - Get ID for simple product which is associated to configurable product on product listing page

I want to pass product id in a rel tag in the swatch-option class which is on the listing page for swatches. I am aware it has to be done via swatch-renderer.js but not able to do the code. console....
user avatar
  • 337