Questions tagged [swatches]
Alternative way of presenting the selection of options for configurable products
261
questions
0
votes
0
answers
20
views
How to create custom Text Swatch product attribute using Data Patch in Magento 2
This code only saves the value (description).
But I want to save values in ADMIN and DESCRIPTION both, can anyone help me here:
private function addVisualSwatchAttribute()
{
/** @...
- 744
0
votes
0
answers
14
views
Text swatch is rendered as image - why?
Magento 2.4.6
I have two product attributes, both are text swatches used on a product.
One of them is rendered as an image with the class swatch-option image
while the other is rendered as swatch-...
- 409
0
votes
1
answer
25
views
How to copy size data from admin fields to swatch fields
I like to use the plain-size data as a text swatch in the size attribute.
This size data is available in the admin fields.
We have too many articles to enter the swatch data manually.
I know there ...
- 1
0
votes
1
answer
129
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 ...
- 63
0
votes
0
answers
11
views
How to define if product has swatches?
Magento 2.4.4.
I am getting some configurable product model.
$product = $block->getProduct();
I need to determine, whether this product has swatches or not.
Thanks for any help.
- 11
0
votes
0
answers
6
views
Custom option swatch stuck
I use custom option images to select a text font. Sometimes when I visite the productpage it is suddenly not possible to select another option. For some weird reason the custom option is stuck. ...
0
votes
0
answers
22
views
Empty 'showTooltips' value causing console error and potentially breaking product quantity swatch
I need help with an issue I've been facing. The swatch to choose how many products to display on Magento 2 category pages is not functioning. It stays as the default, with no page load or changes ...
- 13
0
votes
0
answers
46
views
Problem with pagespeed performance on product page swatches loading in Magento 2
In the product page of a configurable product, the product swatch (Magento_Swatches/*/renderer.js) will only execute after all JS complete loading, and it also shows a loading spinner while loading, ...
- 101
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
1
vote
1
answer
311
views
Magento 2.4.4: How to get Configurable child product id using Swatch option
How can I get the child product Id of Configurable product on selecting swatch option. I have used following code
<script type="text/javascript">
requirejs(['jquery','underscore'], ...
- 11
0
votes
0
answers
41
views
How to Show Out of Stock Options for Configurable Products Visual Swatch in Magento 2.4.4
I want to show out of stock swatch options on the configurable product even if the options is out of stock and the main configurable product is also out of stock.
I want to show that swatch options ...
0
votes
1
answer
283
views
Magento 2 how to hide swatch on configurable product if it is out of stock?
I don't use MSI and i want so that swatches that are not available are hidden on the configurable product.
How can this be done?
- 125
2
votes
1
answer
529
views
How to disable "Add to Cart" and Quantity button if product is out of Stock?
I want to disable add to cart and qty option if product is out of stock, but i also want to show price and swatches of the products and the swatches should be clickable and price should be changeable ...
- 355
1
vote
1
answer
3k
views
Magento 2 Product Salable Quantity shows 0 even if Qty is greater than 0
The products Salable Quantity of Simple products shows zero(0). But its Quantity is greater than zero (>0).
Due to this product swatches are not showing correctly on the front end.
Magento admin ...
0
votes
1
answer
74
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 ...
- 3
0
votes
2
answers
314
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 ...
- 89
1
vote
0
answers
113
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 ...
- 82
-1
votes
1
answer
476
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 !...
- 906
0
votes
1
answer
600
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 ...
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
<...
0
votes
0
answers
544
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 ...
- 644
0
votes
1
answer
684
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....
- 720
0
votes
1
answer
70
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 ...
- 111
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
- 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 ...
2
votes
2
answers
416
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 ...
- 3,526
1
vote
1
answer
1k
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 ...
- 3,298
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 ...
- 21
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
1
vote
0
answers
165
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 ...
- 1,082
2
votes
0
answers
879
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 ...
- 432
1
vote
1
answer
62
views
How to hide the bubble when placing the cursor on option-label?
I wish to hide this information, because it is useless :
- 83
0
votes
1
answer
2k
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).
1
vote
2
answers
2k
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 ...
- 5,816
1
vote
1
answer
1k
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 ...
- 2,055
1
vote
0
answers
374
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 ...
- 330
1
vote
1
answer
736
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 ...
- 652
2
votes
1
answer
2k
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?
- 315
1
vote
1
answer
3k
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.
- 90
1
vote
1
answer
614
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 ...
- 23
1
vote
0
answers
139
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
0
answers
327
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 ...
- 129
0
votes
0
answers
192
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-...
- 129
0
votes
1
answer
196
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 ...
- 247
0
votes
0
answers
758
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.
...
- 129
0
votes
0
answers
605
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 ...
- 129
0
votes
0
answers
711
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>....
- 135
1
vote
0
answers
18
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 ...
- 2,045
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>
<...
- 1,630
0
votes
1
answer
626
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 ...
- 135