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

This topic has 13 replies, 3 voices, and was last updated 4 months, 3 weeks ago ago by Alex Carter

  • Avatar: muhammad
    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.
    12 Answers
    Avatar: Tony Rodriguez
    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

    Please contact administrator
    for this information.
    Avatar: muhammad
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: muhammad
    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.
    Avatar: muhammad
    muhammad
    Participant
    February 16, 2025 at 15:37

    why no one answer me

    Avatar: Tony Rodriguez
    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

    Avatar: muhammad
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: muhammad
    muhammad
    Participant
    May 3, 2025 at 20:51

    so i want to make the first choise is the size then the color

    Files is visible for topic creator and
    support staff only.
    Avatar: Alex Carter
    Alex Carter
    Support staff
    May 5, 2025 at 07:44

    Hello,

    Thank you for reaching out to us.

    Have you solved this? https://prnt.sc/23C7wdge8lsE

    Warm Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: muhammad
    muhammad
    Participant
    July 15, 2025 at 15:17

    Unfortunately, I still have to choose the size and then the color in order for the desired product color to appear. All my customers are nervous because of this choice, and some of them tell me that the site is not working. Please tell me how the product color appears without me choosing the size. The color appears as soon as I choose it

    Avatar: Alex Carter
    Alex Carter
    Support staff
    July 15, 2025 at 16:46

    Hello,

    Thank you for reaching out to us.

    Please go to Theme Options > WooCommerce > Shop Elements > Variation Swatches > set the Color as the primary attribute.

    Warm Regards,
    The 8Theme Team

  • Viewing 13 results - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.