This is a display of product packages in the shopping cart

Hello, @Juergen,

Thank you for contacting us and for using XStore.

To achieve this functionality with XStore, you can utilize product variation options. Here are a few possible approaches:

1. **Variable Product:**
– In WooCommerce, create a variable product.
– Add an attribute such as “Pack Size” with values like 6 Pack, 12 Pack, 24 Pack, etc.
– Generate variations from these attributes and set individual prices for each pack size.

2/ Please navigate to Xstore > Theme Options > Woocommerce > Shop Elements > Variation Swatches > “Out of Stock” design > Select Line-thought and publish it.

We have recorded a video for you, which you can watch for reference in the private content area.

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
8Theme Team

Hello, @Juergen,

Thank you for your response.

It is a variable product on your site, please read this article – https://woocommerce.com/document/variable-product/

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
8Theme Team

Hello, @Juergen,

Thank you for your response.

1/ We kindly request you to navigate to **XStore Builders > Single Product Builder via Elementor > Edit Single Product Page Template > Edit Product Price** and modify the sale price color according to your preference. Once the changes are made, please update the settings.

For your reference, we have provided images in the private content area.

2/ Additionally, please try adding the following custom CSS code in **XStore > Theme Options > Theme Custom CSS > Global CSS:

a.reset_variations {
    display: none !important;
}

We hope this information is helpful. Should you require any further assistance, please do not hesitate to reach out.

Best regards,
8Theme Team

Hello, @Juergen,

Thank you for your response.

Please try adding the following custom CSS code in **XStore > Theme Options > Theme Custom CSS > Global CSS:

ul.st-swatch-preview-single-product.st-swatch-shape-square li.type-label.subtype-square.selected {
    background-color: #000 !important;
    color: #fff !important;
}
ul.st-swatch-preview-single-product.st-swatch-shape-square li.type-label.subtype-square:hover {
    background-color: #000 !important;
    color: #fff !important;
}

We hope this information is helpful. Should you require any further assistance, please do not hesitate to reach out.

Best regards,
8Theme Team

Hello, @Juergen,

We are pleased to hear that everything is working perfectly.

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

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

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team