Product page design, product variations, product images

This topic has 6 replies, 3 voices, and was last updated 3 months, 2 weeks ago ago by Andrew Mitchell

  • Avatar: Weblike PRO
    Weblike PRO
    Participant
    December 28, 2023 at 23:35

    Hello,

    Is it posible to create a product page design similar to this example: https://www.chloe.com/ro/shoulder-bag_cod45779117ll.html

    1) Product variations uses custom product images
    >> https://ibb.co/vB829HJ

    2) Clicking on product variation black, all product images displayed in product page are black
    >> https://ibb.co/3sfj373

    Thanks!

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 29, 2023 at 08:17

    Hello, @Weblike PRO,

    We are pleased to confirm that it is indeed feasible to design a single product page akin to the example you have provided. To accomplish this, kindly proceed as follows:

    1. Access the ‘XStore’ section.
    2. Navigate to ‘Theme Options’.
    3. Select ‘WooCommerce’.
    4. Proceed to ‘Single Product Builder’.
    5. Click on ‘Gallery’.
    6. Choose the desired type that meets your requirements.
    7. Ensure to save your changes by clicking ‘Publish’.

    For your convenience, we have included an image for reference to assist you with the process. https://imgur.com/q4yjzOW

    1/ & 2/ Should you enable the “Show Variation Gallery” feature within the Theme Options, you will have the capability to assign variation-specific gallery images by modifying the product. This process is illustrated in the following screenshot: https://ibb.co/RChzhgY Consequently, selecting any variation from the user interface will result in the display of the corresponding image gallery for that particular variation.

    We trust this information will be of assistance to you.

    Should you require any further assistance, please do not hesitate to reach out to us.

    Warm regards,
    The 8Theme Team

    Avatar: Weblike PRO
    Weblike PRO
    Participant
    January 15, 2024 at 14:07

    Hello Tony,

    It worked. We have one more question:
    how can we use images thumbnails as variation swatches?

    >> https://ibb.co/tMT2mVN
    >> https://muzzum.eu/produs/geanta-de-mana-clara-piele-naturala/?cmp_bypass=incognito

    Example:
    >> https://ibb.co/Pg6kJ1g
    >> https://www.chloe.com/ro/shoulder-bag_cod45823289rr.html

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 16, 2024 at 05:52

    Hello, @Weblike PRO,

    We’re thrilled to hear that it’s working for you! Regarding your question on using image thumbnails as variation swatches, we’ve created a comprehensive video tutorial to provide you with a visual guide. You can access the tutorial through the link below:

    https://www.veed.io/view/18281c4f-b6a1-4021-8287-5bc29b497be1?sharingWidget=true&panel=share

    Feel free to watch the video at your convenience, and if you have any further queries or need additional assistance, don’t hesitate to reach out. We’re here to help!

    Kind Regards,
    8theme team

    Avatar: Weblike PRO
    Weblike PRO
    Participant
    January 18, 2024 at 14:56

    Seems to be working. Thank you!

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 18, 2024 at 14:57

    Dear Weblike PRO,

    As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

    Click here to share your valuable perspective: https://themeforest.net/downloads

    Your time and trust are highly appreciated!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Product page design, product variations, product images’' has been successfully resolved, and the topic is now closed for further responses

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