Return to previous page

When i press on different color its dosnt appear with all color photo

This topic has 9 replies, 2 voices, and was last updated 1 days ago ago by Tony Rodriguez

muhammad

Participant

February 14, 2025 at 22:52

i want when i press on color only the color that i press on it appear with all the color photos and the other colors Disappear,
But the pictures are not in order.When I click on one of their colors, only one picture appears and the rest is in the end or in the middle of the pictures and colors.I want to arrange them, and when I click on a specific color, only the pictures of the color appear and the rest disappear..
There is another problem: I need the size box to be first before the color box
Thankyou

Files is visible for topic creator and
support staff only.

#434371 Copied Theme version: 9.4.7

8 Answers

Tony Rodriguez

Support staff

February 15, 2025 at 12:43

Hello, @muhammad,

Thank you for contacting us and for using XStore.

1/ Kindly turn ON the variation gallery via Theme Options > WooCommerce > Single product page https://prnt.sc/OPnhQpLo6TfC

Afterward, You need to add images here – https://prnt.sc/YZj34ctVzZJS and check again.

2/ Please Edit product > Product data > Attributes > Move attributes as per your requirement and update it.

We hope this information is helpful. Please let us know if you need any further assistance.

Best regards,
8Theme Team

Content is visible for topic creator and
support staff only.

#434404 Copied

muhammad

Participant

February 15, 2025 at 13:56

should i do this step to every sive i have? cuz the photos dosnt appear before i click on size ,
i want to photos appear when i just press on color only not when i press on size then color 🙂

Files is visible for topic creator and
support staff only.

#434415 Copied

Tony Rodriguez

Support staff

February 15, 2025 at 14:15

Hello, @muhammad,

Thank you for your response.

should i do this step to every sive i have?

Yes

2/ It sounds like your WooCommerce product variations are set up in a way that requires both “Size” and “Color” to be selected before the images update. If you want the images to change when selecting only the color (without requiring size selection), follow these steps:

Adjust Variation Attributes:

Go to Products > Edit Product.
In the Attributes section, make sure “Color” is the first attribute (WooCommerce follows the order of attributes).
In the Variations tab, assign images only to the “Color” variations, not to the “Size” variations.
Save changes and check if the images update when selecting only the color.

Additionally, Please read official WooCommerce plugin documentation here: https://woocommerce.com/document/variable-product/

We hope this helps. Please let us know if you need any further assistance.

Best regards,
8Theme Team

#434419 Copied

muhammad

Participant

February 15, 2025 at 14:54

i cant find this part can u screen it for me thank you

Files is visible for topic creator and
support staff only.

#434424 Copied

muhammad

Participant

February 16, 2025 at 15:37

why no one answer me

#434480 Copied

Tony Rodriguez

Support staff

February 17, 2025 at 05:31

Hello, @muhammad,

Thank you for reaching out to us. We sincerely apologize for any delay in our response due to the weekend.

In the Variations tab, assign images only to the “Color” variations, not to the “Size” variations.

By default WooCommerce variation creates all possible combinations of attributes (Color + Size). This means each variation includes both Color and Size options. If you want images to change only based on Color, follow these steps:

Go to Products > All Products and edit your variable product
Go to the Variations tab in the Product Data section.
Add Variation Image Gallery images only to the variations where the Color changes, even if they also include Size.

Example:

Red – Small → Upload Red Image
Red – Medium → Use the same Red Image
Blue – Small → Upload Blue Image
Blue – Medium → Use the same Blue Image

Click Save Changes and then Update the product.

We hope this helps. Please let us know if you need any further assistance.

Best regards,
8Theme Team

#434498 Copied

muhammad

Participant

February 18, 2025 at 01:15

can u sign here in screen , i want to remind u that i need when i press in color the photos of this color appear without i chose the size , only color

Files is visible for topic creator and
support staff only.

#434619 Copied

Tony Rodriguez

Support staff

February 18, 2025 at 06:16

Hello, @muhammad,

Thank you for your response.

By default, WooCommerce does not offer the functionality to filter products by color (or any attribute) independently without selecting other attributes like size.

Here’s how it works:

WooCommerce treats product attributes (e.g., color, size) as part of variations. This means that to filter products, you typically need to select all required attributes (e.g., both color and size) to see the variation gallery images.

Unfortunately, the default WooCommerce setup does not allow filtering by a single attribute (like color only) out of the box.

To achieve the behavior you’re looking for (filtering products by color without selecting size), you’ll need to use a third-party plugin. These plugins are developed by external providers and can extend WooCommerce’s functionality. However, please note that using third-party plugins is done at your own risk.

We hope this information is helpful. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
8Theme’s Team

#434626 Copied
Viewing 9 results - 1 through 9 (of 9 total)