LuciferX

I have exactly the same problem 🙁

Try this 😉

Add CSS

@media only screen and (max-width: 767px) {
    nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{
        overflow: auto;
    }
}

• This reply was modified 2 years ago by LuciferX.
• This reply was modified 2 years ago by LuciferX.

Hi Dan,

Creating a variable product in WooCommerce effectively depends largely on your specific business needs and how you wish to present product options to your customers. Both of the options you mentioned have their pros and cons.

Option A: List Each Product Size with a Separate Price

Pros:
Clarity and Transparency: Customers see the price associated with each size directly, which can enhance transparency and trust.

Flexibility: Allows for detailed inventory tracking and stock management for each size.

Promotions and Discounts: You can easily apply size-specific discounts or promotions.

Cons:
Complexity for Customers: Customers have to navigate through multiple options, which might be overwhelming or confusing.
Maintenance: Requires more effort to update prices or inventory for each size individually.

—

Option B: List All Sizes in a Single Category with Unique Pricing for Exceptional Sizes

Pros:
Simplicity: Simplifies the purchasing process for customers by reducing the number of choices they have to navigate.

Efficiency: Easier to manage on the backend if most of your sizes have the same price.

Highlighted Price Differences: Directly draws attention to the premium sizes, which might be a strategic pricing move.

Cons:
Potential Confusion: Customers might initially expect all sizes to cost the same and could be surprised by the higher price for larger sizes.

Price Perception: Some customers might perceive the base price as the price for all sizes, which could lead to dissatisfaction if not clearly communicated.

Best Practices for Option B:
Clear Communication: Ensure that the pricing for each size is communicated clearly to avoid confusion. This includes clear labeling and possibly a brief explanation of why larger sizes are more expensive.

Price Organization:
Organizing the variable list in descending order of price is indeed crucial. However, it’s also important to make sure that WooCommerce is correctly configured to display these variations accurately. Sometimes, WooCommerce might default to showing the lowest price available for variable products in certain themes or setups. To counteract potential misunderstandings, consider customizing the display of your product page to ensure that the price range is evident (“From $10 to $30”) and that the price for each selected size updates dynamically and visibly.

Ultimately, the choice between Option A and Option B depends on your product range, your branding strategy, and how you prefer to communicate with your customers. If most of your products have a uniform price across sizes with only a few exceptions, Option B might indeed be more streamlined and user-friendly. However, for ranges with more variable pricing, Option A could provide better clarity and flexibility.