Return to previous page

Appearance of a variable product on the shop page and single product page

This topic has 3 replies, 2 voices, and was last updated 1 years, 2 months ago ago by Natali

Natali

Participant

December 18, 2023 at 11:28

Hi, thanks for your help
1. I made 2 product cards without SKUs (image varible-product). I want a sku for each product variant to manage inventory. On the shop page I want to see two product cards with different colors (as in the image varible-product). But then the system prohibits making a second product card because the sku are duplicated.
How to solve this issue?

2. Single product page. I want when I click on the white color, the URL and Name change to white (image change-single-product-page)
is it possible?

#376999 Copied Theme version: XStore v.9.2.5 (child v.0.0.1) WooCommerce version: Версія 8.4.0

2 Answers

Tony Rodriguez

Support staff

December 18, 2023 at 13:03

Hello, @Natali,

Thank you for contacting us and for using XStore.

1/ We appreciate your inquiry regarding the creation of two product cards with different colors for variable products, each having its own unique SKU. We understand the importance of SKU management for inventory tracking.

After a thorough investigation, we regret to inform you that, in WooCommerce, the system does not permit the use of the same SKU for multiple products. This limitation is inherent to WooCommerce and ensures the accurate tracking of inventory for each unique product.

However, we are committed to finding a solution that best fits your needs. To help organize and showcase your products effectively, we recommend the following approach:

a) Navigate to your WordPress dashboard.
b) Go to “Products” and select “Categories.”
c) Create categories based on your desired product differentiators, such as colors.
d) Assign the respective products to their corresponding categories.

By categorizing your products, you can create a more structured presentation on your shop page. Additionally, you can leverage XStore widgets to sort and display products according to these categories, providing a seamless shopping experience for your customers.

For a visual reference, please consult the image provided at the following link:
https://imgur.com/a/31Awngj
https://imgur.com/a/lKiiOId
https://imgur.com/a/5ej3sGa

2/ Unfortunately, our current theme version does not have built-in functionality for this specific feature.

However, in WordPress, you can set up custom permalinks for your products by navigating to WordPress Settings >> Permalinks. This allows you to choose from a limited set of permalink structures for your products.

For more advanced customizations, such as dynamically changing the URL and product name based on color selection, it requires additional code customization.

For a visual reference, please consult the image provided at the following link:
https://imgur.com/a/Bw1LNWN

Yours sincerely,
The 8Themes Team

#377009 Copied

Natali

Participant

December 18, 2023 at 14:00

Thanks Tony for your quick reply. I am always delighted with your professional answers.

#377019 Copied
Tagged: customize woocommerce product layout, shop page product display, single product page woocommerce, variable product appearance, woocommerce variable product design, woocommerce wordpress themes, wordpress shop page customization
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘appearance of a variable product on the shop page and single product page’' has been successfully resolved, and the topic is now closed for further responses

Appearance of a variable product on the shop page and single product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection