Many color swatches attributes

This topic has 6 replies, 2 voices, and was last updated 3 years, 8 months ago by Elise Noromit.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
March 13, 2021 at 6:08 pm #273314

lenamtl
Participant

Hi,

The store sell yarn, each collection have many color and designs.
So instead of using the Color attribute for all, I’m planning to use multiple color attribute.
Yarn abc color
Yarn xyz color
As these swatch attibute label name will be too longn i’m looking for solutions.

Question 1: Is this possible to hide the swatch label on some attribute on product page?
*See the attached file so you understand what i’m talking about swatch label
The label just before the swatches image

Question 2: Is this possible to replace swatch attribute name with an alias on product page
So these attribute swatch name
Yarn abc color
Yarn xyz color
will become
Color

Any other solution is welcome

Attachments:
You must be logged in to view attached files.

March 14, 2021 at 10:30 am #273386
Elise Noromit
Member
Hello,

The swatches can be presented as a drop-down by default, by text or image/color swatch. You can find more details here: https://xtemos.com/docs/woodmart/variable-products-swatches/

Please add this code to the Theme Settings > Custom CSS > Global to hide the label:
```
.variations_form .variations label {
display:none;
}
```
Best Regards
March 14, 2021 at 6:20 pm #273439
lenamtl
Participant
Hi,

As I don’t want to hide all labels, I endup to use this to hide only the color label
```
label[for=pa_color]
{
   display:none;
}
```
I made a test and it’s seems to work but could you confirm that it ok tp do this
product ABC use pa_color 6 colors
product XYZ use pa_multicolors 10 colors
and so on …
March 14, 2021 at 6:42 pm #273441

lenamtl
Participant

What is confuse me is when you refer to this
Theme Settings > Shop > Attribute swatches > Grid swatch attribute to display

Is this mean I cannot have multiple swatch with photos \ color ?
Nothing is selected for now and I can see pa_color and pa_multicolor
So I don’t understand this selection could you elaborate?

March 15, 2021 at 8:33 am #273519

Elise Noromit
Member

Hello,

This is the Woocommerce functionality, our theme us just an appearance.

You can show one attribute in the product grid: https://gyazo.com/e141049bfaac9dfeab545e18d72f3ca0

This option: Theme Settings > Shop > Attribute swatches > Grid swatch attribute to display determine which one to show globally. It means that if you chose pa_color, color swatches would be shown by default.

At the same time, the product page has the option: Grid swatch attribute to display and the drop-down selection, allowing you to choose an attribute that will be shown on the products grid for this particular product: https://xtemos.com/docs/woodmart/product-page-options/#local_settings

If you have any questions please feel free to contact us.

Best Regards

March 15, 2021 at 12:33 pm #273597

lenamtl
Participant

Thanks for the clarification

March 15, 2021 at 12:41 pm #273603

Elise Noromit
Member

You are welcome! If you have any questions please feel free to contact us.

We will appreciate highly if you spend a couple of minutes and answer the questions provided here: https://8uehqcg4tjy.typeform.com/to/IgyV2EiP

Best Regards
Author

Posts