Return to previous page

Select color button and the image reflects that color

This topic has 2 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Tony Rodriguez

  • Avatar: lifetrekker
    lifetrekker
    Participant
    October 24, 2023 at 04:58

    page: single product
    when the color is selected change the image to that color

    https://iamempowered.today/wp-content/uploads/2023/10/colorChange.png

    #371298 Copied Theme version: Version: 9.2.1 WooCommerce version: 8.2.1
    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 24, 2023 at 06:05

    Hello, @lifetrekker,

    Thank you for contacting us and for using XStore.

    If you wish to modify all the images in a product when a color is selected, please follow the steps below:

    1. Navigate to Xstore > Theme Options > Woocommerce > Single Product builder > Variation Gallery option.
    2. Turn it ON and click on ‘Publish’.

    Once this is done, proceed with the following steps:

    1. Go to ‘product’ > Edit specific variable Product > variations.
    2. Edit the variation and add gallery images.
    3. Save the settings.

    After completing these steps, please revisit your site to confirm the changes.

    Please refer to the attached images for your reference.

    https://imgur.com/IyEYfp1
    https://imgur.com/2bV0Cgn

    We trust this will resolve your issue.

    Best Regards,
    8Theme’s Team.

    #371304 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme

See All Templates

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