Problem with multiple variations of same color
-
I’ve encountered a problem with variations.
My company makes custom rugs and our color options run into the thousands. In order for clients to find rugs by color, we’ve reduced the color selection to 25 major color families.
What I’ve discovered is that when I have a parent design with numerous variations to show, often I will have multiples of a color family, like Blue, but their real colors range from powder blue to royal blue to navy blue and everything in between.
If I have two variations that are Blue and one that is Green, only two variations show up in the Product Detail (parent) view – Blue and Green. I need to be able to show all variations – two Blue and one Green. I thought variations all had their own SKU or Product ID so they are individual items. But they’re not showing individually because they contain the same color attribute. How can this be accomplished?
Many thanks in advance.
-
Hi there,
Thanks for reaching out.
In order for us to better understand the issue here would you mind sharing the following?
1. Screenshot of your variable product settings on the product admin page
2. Link to the variable product page
3. Your site’s system status: You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.I recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on that page, then paste the URL in this thread. It works with Chrome, Firefox, Safari, and Edge browsers.
We look forward to your response.
Hi @rainfallnixfig,
Thanks for your reply.
Since the site is on my local development server I can’t offer a link. Here are some screen shots that may help:
Full page of Bastille product variations. This is one that has three variations; two Purple and one Aqua.
Category page showing two products, one of which is Bastille. Note that is only shows two thumbnails.
Bastille product detail page. Again, note that only two variations show even though there are three.
Next is the Status page. Please note that it shows five Template Overrides. There is actually only one override /global/breadcrumb. The other four were deleted because I made no changes to them. I don’t know why they still show up here, but they are no longer in the child theme directory.
### WordPress Environment ### WordPress address (URL): https://niba:8888 Site address (URL): https://niba:8888 WC Version: 6.8.2 REST API Version: ? 6.8.2 WC Blocks Version: ? 8.0.0 Action Scheduler Version: ? 3.4.0 Log Directory Writable: ? WP Version: 6.0.1 WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: ? WP Cron: ? Language: en_US External object cache: – ### Server Environment ### Server Info: Apache/2.4.46 (Unix) mod_fastcgi/mod_fastcgi-SNAP-0910052141 OpenSSL/1.0.2u mod_wsgi/3.5 Python/2.7.13 PHP Version: 8.0.3 PHP Post Max Size: 40 MB PHP Time Limit: 30 PHP Max Input Vars: 1000 cURL Version: 7.68.0 OpenSSL/1.0.2u SUHOSIN Installed: – MySQL Version: 5.7.32 Max Upload Size: 32 MB Default Timezone is UTC: ? fsockopen/cURL: ? SoapClient: ? DOMDocument: ? GZip: ? Multibyte String: ? Remote Post: ? Remote Get: ? ### Database ### WC Database Version: 6.8.2 WC Database Prefix: wp_ Total Database Size: 7.95MB Database Data Size: 5.90MB Database Index Size: 2.05MB wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_actions: Data: 0.17MB + Index: 0.19MB + Engine InnoDB wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_logs: Data: 0.05MB + Index: 0.03MB + Engine InnoDB wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wp_iconic_was_fees: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_iconic_wssv_index: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_iconic_ww_wishlist_items: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_options: Data: 3.02MB + Index: 0.06MB + Engine InnoDB wp_postmeta: Data: 0.39MB + Index: 0.28MB + Engine InnoDB wp_posts: Data: 1.14MB + Index: 0.06MB + Engine InnoDB wp_relevanssi: Data: 0.17MB + Index: 0.23MB + Engine InnoDB wp_relevanssi_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_relevanssi_stopwords: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_termmeta: Data: 0.06MB + Index: 0.03MB + Engine InnoDB wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wp_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB ### Post Type Counts ### acf-field: 44 acf-field-group: 11 attachment: 63 cpt_variation_fields: 2 customize_changeset: 8 iconic_ww_wishlist: 4 nav_menu_item: 10 page: 15 post: 2 product: 7 product_variation: 22 revision: 158 wcpa_pt_forms: 1 wp_global_styles: 3 ### Security ### Secure connection (HTTPS): ? Your store is not using HTTPS. Learn more about HTTPS and SSL Certificates. Hide errors from visitors: ?Error messages should not be shown to visitors. ### Active Plugins (9) ### Advanced Custom Fields PRO: by Delicious Brains – 5.12.3 Classic Editor: by WordPress Contributors – 1.6.2 WooCommerce Attribute Swatches by Iconic: by Iconic – 1.13.0 WooCommerce Custom Fields for Variations by Iconic: by Iconic – 1.4.0 Wishlists for WooCommerce by Iconic: by Iconic – 1.4.1 Relevanssi: by Mikko Saari – 4.17.0 WooCommerce Show Single Variations by Iconic: by Iconic – 1.9.0 WooCommerce: by Automattic – 6.8.2 WooThumbs for WooCommerce by Iconic: by Iconic – 4.15.3 ### Inactive Plugins (2) ### Query Monitor: by John Blackbourn – 3.9.0 Show Current Template: by JOTAKI Taisuke – 0.4.6 ### Settings ### API Enabled: – Force SSL: – Currency: USD ($) Currency Position: left Thousand Separator: , Decimal Separator: . Number of Decimals: 2 Taxonomies: Product Types: external (external) grouped (grouped) simple (simple) variable (variable) Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog) exclude-from-filtered (exclude-from-filtered) exclude-from-search (exclude-from-search) featured (featured) outofstock (outofstock) rated-1 (rated-1) rated-2 (rated-2) rated-3 (rated-3) rated-4 (rated-4) rated-5 (rated-5) Connected to WooCommerce.com: – Enforce Approved Product Download Directories: ? ### WC Pages ### Shop base: #7 - /shop/ Cart: #8 - /cart/ Checkout: #9 - /checkout/ My account: #10 - /my-account/ Terms and conditions: ? Page not set ### Theme ### Name: Storefront Child Version: 1.0.0 Author URL: Child Theme: ? Parent Theme Name: Storefront Parent Theme Version: 4.1.3 Parent Theme Author URL: https://woocommerce.com/ WooCommerce Support: ? ### Templates ### Overrides: storefront-child/woocommerce/archive-product.php storefront-child/woocommerce/global/breadcrumb.php storefront-child/woocommerce/single-product/product-image.php storefront-child/woocommerce/single-product.php storefront-child/woocommerce/taxonomy-product-cat.php ### Admin ### Enabled Features: activity-panels analytics coupons customer-effort-score-tracks experimental-products-task experimental-import-products-task experimental-fashion-sample-products experimental-product-tour shipping-smart-defaults shipping-setting-tour homescreen marketing mobile-app-banner navigation onboarding onboarding-tasks remote-inbox-notifications remote-free-extensions payment-gateway-suggestions shipping-label-banner subscriptions store-alerts transient-notices wc-pay-promotion wc-pay-welcome-page wc-pay-subscriptions-page Disabled Features: minified-js settings Daily Cron: ? Next scheduled: 2022-08-30 14:57:08 +00:00 Options: ? Notes: 39 Onboarding: skipped ### Action Scheduler ### Complete: 471 Oldest: 2022-08-03 14:53:13 +0000 Newest: 2022-08-30 12:44:23 +0000 Pending: 1 Oldest: 2022-08-31 12:26:54 +0000 Newest: 2022-08-31 12:26:54 +0000 ### Status report information ### Generated at: 2022-08-30 12:59:45 +00:00
I hope this helps.
It occurs to me that I should show you a screen shot of filter by color so you can see the three Purple rugs. Note that two of the three are Bastille, and note that both Bastille items only show two variations. Also, the Bastille with the round image does not appear in the thumbnails and is only visible in this view or when doing a text search for Purple. When you click on the product link with the round image it takes you to the detail page I shared earlier. Again, it never shows the round image/variation.
Hi there,
Thanks for the screenshots and system status.
WooCommerce core doesn’t display thumbnails for variable products on the shop or search page. This is what a variable product looks like in Storefront:
Again, note that only two variations show even though there are three
This kind of problem is usually caused by a conflict with your theme or with another plugin. The best way to determine this is to:
- Disable all plugins except for WooCommerce
- Go to the product page and check how many variations are displayed
If you’re not seeing the same behavior after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated.
Reactivate your other plugins one by one, testing after each, until you find the one causing conflict.
You can find a more detailed explanation on how to do a conflict test here:
https://docs.woocommerce.com/document/how-to-test-for-conflicts/
Once you find the culprit please reach out to the developer of that plugin(s) so they can better assist you and fix the issue.
Cheers.
Thanks again for your reply.
WooCommerce core doesn’t display thumbnails for variable products on the shop or search page
I was not suggesting that Woo core should display thumbnails on shop or search pages, I just wanted to point out that Bastille, which has three variations, only shows two.
I have disabled all plugins except ACF. I went to the Bastille detail page and I still only see two variations: Purple and Aqua, instead of Purple, Purple and Aqua. I confess that I don’t know how it should appear as I’ve never run into this before.
In an effort to research this problem I created a new install of Woo and have only the Woo plugin active. I’m using the sample data and images. I created a new variable product: Test T-Shirt; with four variations: Blue, Red, Green, Blue. Color is the only attribute. As you can see in this image, I used the Blue, Red and Green v-neck t-shirts, and one Blue polo shirt for the variation images. Now obviously the polo shirt is not a t-shirt, but I’m using it to stand out for this illustration.
As you can see in this image on the product detail page only three color options are available Blue, Green and Red. Herein lies the problem, only three variations are available even though there are four. It makes sense on one hand; there are only three distinct colors available. But on the other hand there are four distinct variable products.
As I mentioned in my first post, we need to use broad color families to describe our products, otherwise it would be unwieldy. Instead of thousands of colors, we’ve narrowed it down to two dozen. We actually have over a hundred “blues”. How can we make this work without using thousands of colors, and still be able to see all variations?
I hope this illustration helps you understand what I need to do, and what problems I’m encountering.
Any thoughts?
Hi @banacan99
I created a new variable product: Test T-Shirt; with four variations: Blue, Red, Green, Blue. Color is the only attribute.
Can you please share a screenshot of the Attributes tab here?
I replicated this on my test site, and I can only add one (1) unique value for each attribute. Tried to add two (2) Blue but the system deletes them instead.
Image Link: https://snipboard.io/rzfN3b.jpg
Furthermore, what you input on the values textbox is what you will see on the products page only, hence, you are only seeing three (3) variations on your page here.
What worked for me is to create a custom product attribute wherein the values will be inputted instead like this:
Image Link: https://snipboard.io/MJv0Fs.jpg
On the product page, the variations will be displayed as it is:
Image Link: https://snipboard.io/oIeUWT.jpg
On the other hand, you might want to check these plugins if it meet your requirements as well:
– Products By Attributes & Variations for WooCommerce
– Variation Swatches and PhotosHope this helps!
Thanks for your reply.
My Attributes tab looks just like yours. I am also not able to add two Blue colors. But that’s really not the point. I’m not trying to add two Blues, but instead two different Blue variations – which is what I have done. But only one Blue variation ever shows.
I also tried your alternate approach and it doesn’t work either. In this image you will see that the color options in the dropdown still only show three colors: Blue, Green and Red, even though they show Blue, Green, Red, Blue in the Additional Info section.
The problem continues to be that even though there are two Blue variations defined under the parent product, only one shows. That’s the essence of the problem. This product has four variations #532 (blue), #533 (green), #534 (red) and #535 (blue). Each with its own ID, but only three of the four ever show. Heck, I could define 3 or 4 or 5 or 20 blue variations, but only one will show. That’s the problem. Why won’t WooCommerce show all of the variations regardless of color? Isn’t that the point of Variations?
Would either of the two plugins you suggested help in this situation? Would they show all four variations including two Blue variations?
-
This reply was modified 2 years, 6 months ago by
banacan99.
Since both the attributes have the same name, the variations take it as a single color. A workaround that will let you choose different shades of the same color is to create a variation using a different name. Ex: #00FFFF Blue instead of Blue (or Aqua blue). Please give that a try and let us know how that goes.
Thanks for your reply.
That’s not a viable solution. Rug buyers are not going to understand hex colors.
My earlier question has not been answered. Why won’t WooCommerce show all variations of a parent item, regardless of color? Why can you add variations in the admin that don’t appear on the frontend?
Since both the attributes have the same name, the variations take it as a single color.
It is a single color, but it belongs to more than one variation. Why does WooCommernce show only one variation when there are multiples?
This topic is NOT resolved! Please change.
Hi @banacan99
I understand how frustrating this can be.
I checked our documentation page about Product Attributes and this is what I found:
These attributes can then be used to make a distinction between different variations.
Hence, no matter how many attributes of the same name you create, they will be treated as one attribute when you use them to create variations for your Variable Products.
The simplest solution would be to create distinct values for your attributes, like for example: Aqua Blue, Navy Blue, Powder Blue, Blue #1 , Blue #2, Blue #3, etc.
Otherwise, should you wish to require customization to do it, we have our developer resources portal that can help you get going, so I would recommend you to check it further from the WooCommerce Developer Resources Portal.
You can also visit the WooCommerce Community Forum, the WooCommerce FB group, or the
#developers
channel of our Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, too.Another option is to check our customizations page to hire an expert that can create a custom solution for you: https://woocommerce.com/experts/
-
This reply was modified 2 years, 6 months ago by
xue28 (woo-hc).
Thanks for your thoughtful reply. Clearly my expectation was beyond what Woo can do out-of-the-box. I may well reach out to the Slack community for help and suggestions.
Thanks again.
- The topic ‘Problem with multiple variations of same color’ is closed to new replies.