Return to previous page

Product page design, product variations, product images

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

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.

#377975 Copied Theme version: 9.2.5 WooCommerce version: 8.4.0

5 Answers

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

#378007 Copied

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.

#379947 Copied

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

#380019 Copied

Weblike PRO

Participant

January 18, 2024 at 14:56

Seems to be working. Thank you!

#380441 Copied

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

#380442 Copied
Tagged: best selling themes, product images, product page design, product variations, woocommerce themes
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

Product page design, product variations, product images

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection