Questions tagged [swatches]
Alternative way of presenting the selection of options for configurable products
262
questions
1
vote
0answers
18 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 ...
-1
votes
1answer
31 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 !...
0
votes
0answers
15 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 ...
0
votes
0answers
11 views
<Create New Value> option does not show for Text Swatch attribute
In my product attribute if Catalog Input Type for Store Owner is set as Dropdown
And then when creating a product configuration, I can see the option to add a new value:
But if Catalog Input Type ...
0
votes
1answer
18 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 ...
0
votes
0answers
19 views
Cannot change swatches value in Magento 2
I am trying to display magento's swatch renderer in my module and it succeeds but the problem shows up. When I click on the swatch to change the weight there is no change, I try to reload the page and ...
1
vote
0answers
25 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
0answers
21 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 ...
0
votes
0answers
18 views
Group simple products by attribute
is it possible to make cross-links between simple products by color attribute (magento 2 config or custom extension)?
Example page:
https://www.trendyol.com/trendyolmilla/siyah-ve-beyaz-100-pamuk-v-...
0
votes
0answers
25 views
Magento 2.3.3 all swatches are crossed for salable quantity instead of showing out of stock
In Magneto 2.3.3 configurable product's all swatches are crossed instead of showing out of stock when salable quantity is 0 for all child products.
For example Colour Red, Size: S, M now Red-S and Red-...
0
votes
0answers
17 views
Output finalPrice in swatches directly
I want to output the finalPrice in the swatches directly, so that customers can see what the options mean for the price. I am successful in outputting it, but somehow it doesn't index all the products....
0
votes
0answers
65 views
Magento 2 - Get Swatch Options from Product Attribute Source Model
we are trying to create swatch visual and text product attribute programmatically, we need to give swatch Options Like Source Model.
\Magento\Catalog\Model\Product::ENTITY,
...
0
votes
1answer
105 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....
0
votes
1answer
9 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 ...
0
votes
0answers
17 views
Unable to display color as swatches in listing page and image as swatches in product detail page in magento2.3
As per requirement, I need to display color as swatches in product listing page while in product detail page it should be displayed as image.
Let me know how to display color instead of image.
0
votes
0answers
20 views
Magento 2 - Cross mark not showing for out of stock product
I'm using Magento 2.3.4 and on the PDP Cross mark is not showing for out-of-stock product swatch and I'm also able to click it. Attaching the screenshot for reference
Here 200 GM product is out of ...
0
votes
1answer
72 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
1answer
38 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 ...
0
votes
0answers
18 views
Magento 2 Text swatch options label not getting displayed
Magento 2 I am programmatically adding text swatch options but label is not getting displayed.
I have referred links where many such issues are mentioned faced by different people
Magento 2 : How to ...
0
votes
0answers
8 views
How to add another input to an attribute?
I'm trying to add another field to the attribute of a product:
Is this possible and if yes, how?
0
votes
0answers
17 views
How to add simple product ID to swatch data on category page
How can I add simple product ID of the swatch on category page?
2
votes
2answers
75 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 ...
0
votes
0answers
20 views
Magento2 add view more colours link if color swatches are more then 5
Magento2 How can I add view more colors link if swatches are more then 5.
In short on the listing page or related products etc except product details page if color swatches of config products are more ...
0
votes
0answers
71 views
Magento2 error after adding color swatches in related products
Error: Call to a member function getShowSwatchTooltip() on null
I keep o getting the above method error, because I have added color swatches for related products.
How do I solve this error?
Code for ...
0
votes
0answers
20 views
Magento2 How can I display color visual swatches in slider on product details page
Magento2 I need to display color visual swatches on product details page as a slider
Something like
How can I achieve this? Can someone suggest some way?
0
votes
1answer
377 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 ...
0
votes
0answers
22 views
Magento 2.3 - Use product image for swatch (Change color of configurable product)
I would want to use the main product image for swatch to change the different colors of configurable products. Example:
How can I do this without using any extension?
Thank you so much!
0
votes
0answers
51 views
Magento 2 Swatches on Product List by on click more go to the product details page
Swatches on product listing page on clicking more I want to redirect to the product detail page
How should I get product URL on vendor/magento/module-swatches/view/base/web/js/swatch-renderer.js file
...
2
votes
1answer
61 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 ...
1
vote
0answers
62 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
1
vote
0answers
87 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 ...
2
votes
0answers
319 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 ...
1
vote
1answer
27 views
How to hide the bubble when placing the cursor on option-label?
I wish to hide this information, because it is useless :
0
votes
1answer
611 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).
0
votes
2answers
683 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 ...
1
vote
1answer
361 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 ...
0
votes
0answers
164 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 ...
1
vote
1answer
336 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 ...
2
votes
1answer
410 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?
1
vote
1answer
1k 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.
1
vote
1answer
374 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 ...
1
vote
0answers
28 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 ...
0
votes
0answers
199 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 ...
0
votes
0answers
74 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-...
0
votes
1answer
109 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 ...
0
votes
0answers
368 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.
...
0
votes
0answers
331 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 ...
0
votes
0answers
499 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>....
1
vote
0answers
12 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 ...
1
vote
1answer
92 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>
<...
