Questions tagged [color-swatches]
Color swatches layered navigation
185
questions
28
votes
3
answers
38k
views
How to use Magento 1.9.1.0 Configurable Swatches in Default package theme (or a custom theme)?
UPDATE: My answer now supports automated change of the product base
image after swatch. You can also find a more detailed tutorial on how
to do this including more images
here.
Magento CE 1.9.1....
23
votes
2
answers
4k
views
Enterprise 1.14.1 Swatches causing 35 sec plus load time on category pages
We have implemented the new inbuilt Swatches feature in our latest new site build When we enable the swatches on category pages the page load time goes from 2 seconds to 38 + seconds.
I was wondering ...
18
votes
1
answer
12k
views
How to display correct configured product image in shopping cart
I'm able to successfully use the color swatch feature that was introduced in CE 1.9.1, but I was wondering how can I display the selected colored product that was added to the shopping cart.
Example:
...
9
votes
1
answer
493
views
Configurable swatches
We have a online shop with shoes.
For example i would like to have a configurable product "Shoes XXX" with following simple products:
"Shoes XXX Color Black Size 40"
"Shoes XXX Color Black Size 41"
"...
8
votes
8
answers
12k
views
How can i disable Color Swatches Tooltip in Magento 2?
When i hove over magento color swatches, it shows a bigger tooltip. On Mobile this is truly not useful. I want to disable the tooltip.
Where can i disable the tooltip? I looked for options but did ...
8
votes
0
answers
3k
views
Magento2 visual swatch won't change product image [closed]
Created a configurable product with 20 different colors in the configuration process. I added different images for each color variation but when switching from colors on the front-end the ajax script ...
7
votes
6
answers
6k
views
Magento 2 error in swatchRenderer.js at 'updateData' property
I have this error in category page. When i change color from swatch option it star loading in product image container and shows error in SwatchRenderer.js
here is the error:
Uncaught TypeError: ...
7
votes
1
answer
285
views
Why does magento need to load all labels from universe to build color swatches?
I'm working on a store that has 23k of possible color values.
But, they are not used on every product of course.
Now, that we are working on 1.9.2.1, that has native swatches, I see that the produt ...
6
votes
2
answers
2k
views
Magento color swatch images have black background when created from product image with transparency
I was running into this issue with the new Magento Configurable swatches feature in 1.9:
Some of my product images are .png with a transparent background, and the color swatch images seem to default ...
5
votes
1
answer
4k
views
Visual swatches for attribute with input type multiselect
In Magento 2.1.1 CE visual swatches works with select-type attributes out of box, but not witth multiselect.
Is there any simple way to make it work also with multiselect-type?
Can it be achieved ...
5
votes
1
answer
1k
views
Link configurable swatches to appropriate simple product
I am using configurable swatches on the product list page.
The default implementation links all the products to the configurable product and shows the default image for the configurable product.
For ...
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(...
4
votes
1
answer
3k
views
How to show visual swatch color on product listing page magento2
Hi i am trying to show the color on product listing page which is configure in the color attribute as visual swatch.
Please find the screenshot below.
4
votes
2
answers
2k
views
How to Consolidate Color Swatches in Layered Navigation?
hoping someone can help me with a question on Magento 1.9.1.
I set-up multiple configurable products where some products do not share a common global color such as "Blue".
Example, there are colors ...
4
votes
1
answer
5k
views
Change configurable swatches order in Magento 2
I want to know how can I change/set configurable swatches sort order in a products list page in Magento 2 ?
For example in the case above I want to have from top to bottom:
Colors
Shapes
Sizes
...
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 ...
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 ...
3
votes
1
answer
1k
views
Hide base product Images when pick a different color in Configurable Products
what I need is to hide all pics that doesn't bellongs to the selected color in swatch of configurable product, is there any way to achieve this? Thanks.
I've seen this similar question, but without ...
3
votes
3
answers
2k
views
How to disable a swatch, once it is been selected in Magento2.2?
I am trying to disable a swatch, once after it has been selected. So it should not be deselected...
How to do it in Magento2.2.x ?
3
votes
2
answers
3k
views
How can I get the HEX code in Visual Swatch via Rest API
Could anyone help me to find the rest api to get hex or image of visual swatch attribute?
I need the api to return the following,
Label
Value
HEX or Image of the swatch.
Thanks
3
votes
1
answer
5k
views
how to get swatches attribute option in magento 2
how to get progmatically swatches attribute option data in magento 2.
I tried this:-
\Magento\Eav\Model\ResourceModel\Entity\Attribute\Option\CollectionFactory
$options = $this->...
3
votes
1
answer
1k
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 ...
3
votes
4
answers
3k
views
How to Auto Select The Color as Swatch Option for Products with Only One Color (on Magento 2.1 Product View)?
I'm trying to have swatch option value of color auto-selected for Products that only have one color.
If a user selects some product from the category page, the product page is displayed with ...
3
votes
1
answer
1k
views
Magento 2: How to quickly import the color swatches?
I've more than 50k attributes to apply the color swatches, I'd like to know if there are different method more easy or fast than the manual process?
3
votes
1
answer
642
views
Displaying new set of thumbnails in Configurable Product Swatches
So, this question has been asked multiple times in the past and yet I didn't find an answer for it.
I am running Magento 1.9.2 which comes with Configurable Product Swatches. Now I can display ...
3
votes
1
answer
1k
views
Configurable Swatches: Error Processing Request: "SQLSTATE[HY000]: General error: 2006 MySQL server has gone away
I have enable Configurable Swatches, but I encounter a problem it shows me a page (There has been an error processing your request) Exception printing is disabled by default for security reasons.
...
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"
...
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 ...
3
votes
1
answer
3k
views
Magento configurable product with Multiple select option, not drop down [closed]
I have configurable products list in category page. Here there is option of color swatch. In Magento, by default, there is no option of multiple select of color attribute during color attribute ...
2
votes
5
answers
16k
views
Magento 2: How to change image size of swatches?
I found the file to change the image size of Swatches here and it works when I change it in that place:
vendor/magento/module-swatches/etc/view.xml
However, if I move it to my theme it doesn't ...
2
votes
1
answer
3k
views
Product image according to selected color option on cart page Magento
My problem is that the images of a configurable product change according to the color option on product detail page but when I add to cart that product default image is shown on cart page while I ...
2
votes
1
answer
656
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 ...
2
votes
1
answer
3k
views
Magento 2 Get all the colors of a single Product?
How can I get all the available colors of a single product in Magento 2?
2
votes
2
answers
2k
views
Magento 2: how to improve response time when changing colors?
Currently it takes around 4-5 seconds to update the product images when you click on a color swatch in Magento 2. Example:
https://youtu.be/AeOTEth4TOc
How can you improve this performance?
It ...
2
votes
1
answer
507
views
Magento 1.9.1 Configurable swatches not generating images nor directory in Media > Catalog > Swatches > 1
We have identical local and staging environments on git, and on the same branch, but the configurable swatch assets are not displaying on the staging site. I've narrowed this down to the images not ...
2
votes
2
answers
9k
views
Configurable Swatches wont change the picture on configurable product
I have a fresh install of Magento 1.9.1.0
Enabled Cofigurable Swatches:
Created attribute set with color attribute options:
Added configurable product and associated products with this picture set ...
2
votes
1
answer
774
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?
2
votes
1
answer
665
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 ...
2
votes
1
answer
3k
views
Color Swatch and Price Filter not showing in magento 2.1.7
I am new to Magento 2.1.7. following set to create the category product listing page.
Create the Root category and sub category In display setting Anchor value is Yes.
Than create the product ...
2
votes
1
answer
2k
views
Magento 1.9.3 : color swatches not working in ultimo theme
I created configurable product and enable configurable swatches from admin. And added color with "Red-swatch" in image section. Added image for simple product also.
But color swatches are not doing ...
2
votes
1
answer
2k
views
How to display Configurable/Color Swatches in Homepage Magento 1.9.1
I have a list of products on my homepage and I'm trying to display its associated color swatches but I'm having a hard time to do it. I have the configurable swatches in my product list and it's ...
2
votes
3
answers
1k
views
Receiving 500 Internal Server Error [duplicate]
I did not even change any code or configure other than changing image in my slide show, which I have done earlier but I am continuously receiving these two errors on some of my pages including ...
2
votes
3
answers
2k
views
How can I have the size and color of out of stock products displayed?
I would need help regarding the out of stock and color/size display function on Magento based website.
I show the items on my website, even after they went out of stock.
But the problem is that ...
2
votes
1
answer
190
views
How to include configurable swatches in Best sellers / Cart cross sell / any custom listing
How to include configurable swatches on other listing like cross sell , bestseller or in a custom module product listing ?
2
votes
1
answer
854
views
Create product for each color on catalog, but all link to one configurable
I am currently using Magento for a fashion website. I am looking for an extension or some way to do the following:
PRODUCT 1 has 3 colors. Currently there is one configurable for PRODUCT 1 and then ...
2
votes
1
answer
77
views
Site design and Product type to create
I’m trying to build a site with CE v1.9.1 that will allow users to select and configure a customized DVD on-screen menu from 41 choices, then change the look of that menu by changing things like the ...
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
<...
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 ...
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 ...
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//...