Setting up Product page with purchase/subscription options (WooCommerce)

[bartenderonduty]

Hey Themeco Team,

We’re having issues with setting up a Product page with options for single-item purchase, multiple-item purchase, and a subscription using WooCommerce, similar to the screenshot below.

We added the “Add to Cart Form” element to our Product layout/page, but it’s a bit unattractive and doesn’t match the overall look and feel of our site. We also have WooCommerce Subscriptions, All Products for WooCommerce Subscriptions, and WooCommerce Composite Products plugins installed, so the functionality should hopefully be available to make the cart form look similar to what you see above.

Can you help us with accomplish setting up our product page to look similar to the screenshot above, using available Pro elements, etc?

Thank you!

[tristup]

Hi @bartenderonduty,

Thanks for reaching out.
It is not very clear what exactly you are trying to do here. Do you want to style the Add to Cart Form element? If that is the case, it requires customization which is beyond the Theme Support. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called TOTAL CARE, where we offer small customizations.

Thanks

[bartenderonduty]

We do not want to customize the Add to Cart Form element—we assumed this would be possible with X/Pro’s element settings because modifying the look and feel of a product page/cart is completely possible with other themes. Instead, we would like to build buttons or divs or any element that will allow us to dynamically add items to a cart, similar to the example above.

Is it possible use buttons, etc. and either shortcode, queries, URL parameters, or any other functionality built into Pro to accomplish this?

[ruenel]

Hello @bartenderonduty,

Your example URL is not using WooCommerce. The layout is using a custom design as well. This layout and feature may be possible by using a WooCommerce 3rd party plugin because, at the moment, this feature is not possible with the default WooCommerce Add to Cart Form. You may need to look for other alternatives.

Thank you for your understanding.