Dropdown Variations & Custom Length Dynamic Pricing on Specific Template

This topic has 4 replies, 3 voices, and was last updated 7 hours, 37 minutes ago ago by Tony Rodriguez

  • Avatar: khurram virk
    khurram virk
    Participant
    February 23, 2026 at 13:05

    Dear Sir,

    Good Day To You.

    I need assistance customizing the product variations on my single product pages using the XStore Single Product Builder. Currently, I have two different templates active.

    Screenshot: https://snipboard.io/rQsJ0x.jpg

    I want to implement two specific changes, but only for one of these templates, without affecting the other:

    Dropdowns Instead of Swatches: Currently, the variations (like “Diameter”) display as label buttons/swatches (Screenshot: https://snipboard.io/C1iF9v.jpg). I want to change these to standard dropdown menus strictly for this specific template.

    Page Link: https://safeandsecureksa.com/product/19×7-bull-non-rotating-steel-wire-rope/

    Custom Length Input with Auto-Calculation: Instead of using predefined variation buttons for “Length” (e.g., 10M, 20M), I want to display a custom input field. This would allow customers to type their exact required length, and the total product price should automatically calculate based on that input (e.g., multiplying the price per meter by the entered length).

    Could you please guide me on how to achieve this? Does XStore have built-in features to support the custom input and price calculation, or is there a specific plugin you recommend that integrates seamlessly with your Single Product Builder?

    Thank you.

    3 Answers
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    February 23, 2026 at 18:02

    Hello, khurram virk,

    Thank you for reaching out to us.

    We appreciate your detailed explanation and the screenshots provided. Regarding your request:

    1. Dropdowns Instead of Swatches
    It is possible to modify the variation display type for a specific Single Product Builder template. Please ensure that you are editing the correct template in the XStore > Theme Options > Single Product Builder section. You can use custom CSS or a child theme to target only that template and replace the swatches with dropdowns.

    2. Custom Length Input with Auto-Calculation
    XStore does not include a built-in feature for dynamic price calculation based on a custom input field. However, you can achieve this functionality using a compatible plugin such as WooCommerce Product Add-On or Advanced Product Fields for WooCommerce. These plugins allow you to add custom input fields and set up automatic price calculations.

    Please note that any advanced customization may require additional development. If you need further assistance, we recommend contacting our customization team or a qualified developer familiar with WooCommerce and XStore.

    Best Regards,
    8Theme’s Team

    Avatar: khurram virk
    khurram virk
    Participant
    March 2, 2026 at 09:46

    Thanks for the support! My topic “Dropdown Variations & Custom Length Dynamic Pricing on Specific Template” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 2, 2026 at 09:46

    Dear khurram virk,

    Thanks for being part of our WordPress & WooCommerce community!

    We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

    Together, we’re shaping a better WooCommerce experience for everyone.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘Dropdown Variations & Custom Length Dynamic Pricing on Specific Template’' 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.