2022 Developer Survey is open! Take survey.

Questions tagged [swatches]

Alternative way of presenting the selection of options for configurable products

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

swatch-renderer.js custom attributes

How to get custom attribute value in swatch-renderer.js for selected simple product on configurable product page, and show it after on one class?
user avatar
0 votes
1 answer
25 views

Magento 2 swatches

I'm not good at Magento coding, so bear with me. I want to expose swatches for products with quantity 0 in the product list (changing the text with a ligther color with CSS for example) example: I'm ...
user avatar
  • 3
0 votes
0 answers
16 views

Display configurable product video into simple product

I am adding product images for configurable and simple product in admin catalog. Simple products having swatches like red, blue and green. By default, magento2 will display the images from ...
user avatar
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
7 views

Is there a way to change the native visualization behavior of Magento 2 swatch function?

Apologies I am no developer, but I am trying to build a swatch UX for my ecomm site on Adobe commerce cloud platform Magento 2.4.2. I require a progressive swatch display where the sorted ...
user avatar
  • 1
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

Pass Simple product id along with the swatch options attribute in swatch renderer .js magento 2.4

We get swatch options by swatch renderer .js file. I want to pass the product id of the simple product along with the swatch option. Please see attached screenshot. I want to pass a simple product id ...
user avatar
0 votes
0 answers
14 views

How to move the attribute text into the select box label in magneto 2 product details page?

In Product page how to move all configure attribute title on dropdown label and replace with default label (Choose an Option...)? currant : https://prnt.sc/1zwviuh expected : https://prnt.sc/1zwv9ap ...
user avatar
0 votes
0 answers
14 views

Magento 2 - Adding Attributes on Attributes?

Anyone know if its possible to add a column here like a dropdown for us to basically group these swatches (Attribute to be used for something else later on).
user avatar
  • 169
0 votes
0 answers
14 views

On Configurable Product Stock Status is coming from which template ? Can we change Product Stock Status on Base of swatches?

On configurable product stock status is coming from which template (file path) ? Can we change Products stock status on base of simple product swatches ? How to we can do this ? Kind Regards
user avatar
1 vote
0 answers
64 views

How to show all images in configurable product before user has selected an option

It is very comfortable to the user navigate between all images product before select an option, but its confusing show all images when user has an option selected. I'm looking for a way to show all ...
user avatar
-1 votes
1 answer
206 views

How to make round border with gap in swatch in css?

I have to make orange border of swatches like below image I made round swatches in magneto 2.4 and it look like below image My css code .swatch-option{border-radius:50%;min-width: 18px;width: 18px !...
user avatar
0 votes
0 answers
56 views

Hide Out of Stock Products On Category Pages but show for swatches

Magento 2 has an option to set "Display out of stock products" and that is working perfectly to show all swatches, but this also has as affect that all category and search pages are filled ...
user avatar
  • 88
0 votes
1 answer
180 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
0 answers
36 views

Product images not changing on swatches click on product listing pages

I am trying to change configurable product images on clicking swatches for product listing pages. But it is not working. It is working fine for product details page. Product detail page It is working ...
user avatar
0 votes
1 answer
347 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
39 views

Duplicate size swatches on some product pages

I've got something strange going on here and I can't pinpoint where the problem is. On some of the products pages I am getting duplicate size swatches What could be causing this issue? Could it be a ...
user avatar
  • 111
0 votes
1 answer
147 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
2 votes
2 answers
172 views

Magento2 override Magento_Swatches::product/listing/renderer.phtml

Magento2 how I am supposed to override renderer.phtml of module swatches? I have already tried Magento_Swatches::product/listing/renderer.phtml, but doesn't seem to be working? Any advice will be ...
user avatar
  • 3,426
1 vote
1 answer
766 views

How to add swatch data in Layered navigation aggregations in graphql?

How to add swatch data in Layered navigation aggregations in Graphql? Magento provides swatch data to filters [LayerFilter] but this is DEPRECATED so we use aggregations for the filter. Below query is ...
user avatar
  • 3,131
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
1 vote
0 answers
134 views

Magento 2: 404 for productpage image when click on swatch option

i have used the swatch option for configurable product and each of this color swatch product image are different for that associate products. I have already assign different different image for this ...
user avatar
  • 992
2 votes
0 answers
531 views

Magento 2 Create Product Swatch Attribute via API

Is it possible to create a swatch attribute via the API endpoint? Swatch product attributes are seemingly created programatically by setting swatch_input_type data to the attribute, as demonstrated ...
user avatar
1 vote
1 answer
34 views

How to hide the bubble when placing the cursor on option-label?

I wish to hide this information, because it is useless :
user avatar
  • 83
0 votes
1 answer
1k views

Magento 2 : How to get swatch attribute label

I have an attribute "brand" with type Swatch. I have created many brands as an option in this attribute. I want to filter brands label which are starts with a particular letter (ex. A or B or C).
user avatar
0 votes
2 answers
1k views

Magento 2 combine two functionality s using a single mixin js file?

I would like to override Magento_Swatches/js/swatch-renderer.js file using mixins concept. I would like to club two functionalities in a single file. here is the code I have written please Note 2nd ...
user avatar
1 vote
1 answer
724 views

Magento 2.3: How to set the default swatch selection pro-grammatically on product listing page?

I want to implement the selection of swatch options in a way that by default it should be selected 2nd swatch on listing pages. Attribute name is color. I looked over the following Blocks but not ...
user avatar
  • 1,725
0 votes
0 answers
244 views

Magento 2 - PHP Error After Saving Any Attribute

I am working on a Magento 1 to 2 migration and, after migrating data from 1 to 2, I am receiving an error when attempting to save or create an attribute, and when attempting to load the category and ...
user avatar
  • 320
1 vote
1 answer
526 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
2 votes
1 answer
758 views

Magento 2: how to get swatch options in custom product list on detail page?

I added my custom product list in detail page, the collection is properly displaying but now I want to display swatches in that list. is there any way to make it possible?
user avatar
1 vote
1 answer
2k views

How to display Swatches into product list page into custom modules with add to cart functionality

How to display Swatches into the product list page into custom modules with add to cart functionality. We need to display properly selected options with the configuration product into cart.
user avatar
1 vote
1 answer
484 views

Magento 2.3 - Swatches Helper override

I'm trying to override a function in the Helper of the Swatches module of Magento 2. The function resides in the Data.php file. As some of you may know in specific versions of Magento 2 the text ...
user avatar
1 vote
0 answers
35 views

How to dynamically change attribute value depending on the selected swatch or size?

I have a table in which I want to display product attribute data there, depending on the selected size or swatch. So that the value of the attributes in the table changes dynamically How to ...
user avatar
0 votes
0 answers
247 views

Magento 2: swatch images loading ONLY thumbnails

I'm using Magento 2.3.3 and I have a very annoying problem with the swatches. When I click on size/color, the picture will show the standard placeholder, but if I take a look at the json, the picture ...
user avatar
0 votes
0 answers
99 views

Magento 2 swatches problem

I have a very very annoying problem with Magento 2.3.3. I have a product with size and color attributes. If I inspect the code, I will see ALL the values: Indeed in "Magento_Swatches/js/swatch-...
user avatar
0 votes
1 answer
143 views

Swatches on mobile not working

I have a problem with my site. When i select a swatch on mobile, the price of the product doesn't change. This is only a problem on the mobile version of the site and not present on the desktop ...
user avatar
0 votes
0 answers
550 views

Magento 2: this.options.jsonConfig.mappedAttributes is undefined

Configurable products are not changing the pictures while selecting attributes like size or color. I really don't know how to fix this problem. It is two days now and I still facing the same issue. ...
user avatar
0 votes
0 answers
439 views

Magento 2: configurable product doesn't update image on select of attribute

I know this is probably a duplicated, but I read ALL the posts about this issue and I still didn't figure it out. So, I have attribute size (dropdown) and attribute color (swatches). What I want is ...
user avatar
0 votes
0 answers
580 views

Getting TypeError: $(...).AddFotoramaVideoEvents is not a function in magento 2.3.3

The image gallery is not loading on product detail page getting an error like Uncaught TypeError: $(...).AddFotoramaVideoEvents is not a function at $.<computed>.<computed>....
user avatar
  • 135
1 vote
0 answers
13 views

Magento2 Custom Product Type has no Swatch Image

I have added custom product types that are based on the simple product and this works. However I don't get a swatch image option. I can set base, small_image and thumbnail but no swatch. What have I ...
user avatar
  • 2,015
1 vote
1 answer
173 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
39 views

Magento 2: Display Swatchs in my template file

I am fetching configuration products from SKU, I am displaying configuration by dropdown, and using selected value I am generating proper SKU of that product. Ex: if customer select 'MH01' and select ...
user avatar
0 votes
1 answer
55 views

Magento 2 Visual Swatch Image: Background of image is removed after upload

This is the image that I upload to display on a visual swatch: However, it uploads and displays like this: How do I get the image to upload with the background intact? You can view the uploaded ...
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
1k views

Magento 2.3: Show custom attribute value for configurable products

Is there a way to show the value of a custom attribute that changes for every child product? I mean something like: user selects "blue" color for shirt and, under the swatches a text appears (like, ...
user avatar
0 votes
1 answer
395 views

Magento 2 How to move product swatches container

I am trying to change product swatches container and putting it in detailed info tabs.But it move whole option block.How to move only swatches.Table is a watches image. <move element="product.info....
user avatar
  • 584

1
2 3 4 5 6