Show All Configurable Product Attributes without Selection - css

I have products on my site with two configurable attributes: color & size. Right now, with default magento settings/coding the second attribute is hidden until the first is selected.
Example 1: Breaker Rashguard
I would like to show all options for both attributes without any selection being made, or by having a default selection for color on each product (by default, first option in list). I've seen this done on Gap's website:
Example 2: Heathered Oxford Shirt
I am using Amasty's Color Swatches Pro extension to replace the drop down selectors with color swatches. From what they can tell me, their extension does not rule this option and has no effect on any changes made to core code.
Can someone explain how to show my products like example 2?

There are differences between attribute and super attribute.
Attribute - You create the custom product options.
Super Attribute - The system automatically creates when if use one cofigurado product
In your case is super attribute that is enabled if the former is chosen, i believe that by css you will not get a solution, will have to analyze the source code.
When the first option is selected, it enables the second option if it has stock with those attributes.
Maybe if you do not use stock quantity with the configured products should display without disabling.

Related

Make woocommerce product attribute unremovable?

I have a problem with my Woocommerce. I use my supplier's plugin which very regularly and automatically updates the stock and price of my products. I can, on my supplier's site, request that the product updates of their API linked to my site via their plugin do not erase the titles and descriptions of the products (I modified some of them after adding them ).
Problem: I must add to my products an attribute (example "Color") which is not assigned to them by default (they have two but it is not "Color".)
I can add this attribute to them and define a particular color for them, but when they are updated by my supplier, it overwrites the attributes that were not on my basic products (here the "Color" attribute) .
I wish I could tell their API not to overwrite it, like title or description, but they don't know how to do that..
Do you have an idea ?
I got a start of the trail thanks to this page: https://datafeedrapi.helpscoutdocs.com/article/44-prevent-attributes-from-being-overwritten-during-product-set-updates but the code is for THEIR API and so that the value of an attribute is not erased. For me, it's the ENTIRE attribute that I want to preserve..
Thank you !

Conditional clothing product options based on Size and Color

I have a Woocommerce website in which we sell printed t-shirts, hoodies and sweatshirts. We have two product attributes; Size and Color. Currently, we're using the built-in attributes options like this (Our site is in Persian so I used a translator for you, it looks different because of that but we're using the defaults of Woocommerce):
https://i.stack.imgur.com/wqMgt.jpg
Now the problem is that if we want to make a specific size of a specific t-shirt unavailable, we have to either change the variations in products one by one (It's impossible because we have thousands of products with at least 70 variations) or use a plugin to bulk select and edit variations which we do. But it's still very slow and inefficient. As we add more products, it gets harder and slower to change a variation's status.
So what we need is a way to add global conditional logic that let us define which size of which color is available for t-shirts at any given time without needing to change anything inside the product editor. I've tried plugins like Yith Woocommerce Product Add-ons but they don't solve our problem. As you can see from the image, they let you set a single conditional logic for a whole field, they don't provide a solution for adding conditional logic to each option in a field.
Yith Product Add-ons limitation
Can you help me find a solution to this problem? In short, I need a plugin or solution that lets me set conditional logic for my attributes from the admin panel for t-shirt size and color without needing to set them in product pages.

Woocommerce hide variation dropdown with only 1 option

I have some products with a specific attribute which most of the times has a single option.
If that is the case, i'd like to hide the option picker (drop-down) on my product page.
The attribute is called package size and it is set to one by default for all products. But it is confusing for the customer too see the option picker if there is only one option available.
I'd like to remove it for products with only one package size option.
Any ideas ?
Greetings

Conditionally Apply Class with Advanced Custom Fields

I'm using Advanced Custom Fields (ACF PRO) to build out a CMS for a client. Currently, ACF allows you to give a particular field a class. In addition, you can make this field appear under certain conditions.
I'm looking for a way to combine the these two concepts.
Simply put, let's say I want to have a text editor's background color turn blue if a certain condition is met. With the current set up, I'd have to create two completely different fields, a default field and a field that has its own class that I can target and make blue. This would mean that, if I started typing out my content and decided halfway through that I would rather a blue background, the content would appear to disappear because a completely new field would have to load based on the new condition.
I'd much rather be able to conditionally apply a class to a single field.
Can anyone point me in the right direction?

woocommerce: how to add new fields to variations form and show them on frontend

using last versions of wordpress, woocommerce and cheope (theme).
the question: how to
add some extra fields in variations form (text and image field types)
show them on frontend so that their values change accordingly on changing of attributes-select values.
e.g.: the site sells candles and uses variable products, for each kind of candle has several dimensions (with specific different prices), each of which has different duration.
The duration is an important element that I want the user to be informed about.
The same to show the available colors all together.
Unluckily in the standard variation form there is no field where I can insert these or other features.
some help please?
updated 07-August-2013
I succeeded in adding to variations form a new field displayed on back-end, as you can see here, by inserting the code you can find here (please see the comments too) in the function.php file of the theme.
Now, what I’m not able to do is get this field to display with each proper value on front-end (please take a look to the last comment in the above linked page).
Any tip or trick?
thanks
1)Add product attribute and check checkbox Used for variations and Visible on the product page
2)go to variations and add new and fill all fields price and stock must add on them
Your producr display variations and their data

Resources