Comments on: How to Create a Custom WooCommerce Product Page With Visual Composer https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/ Create Your WordPress Website Mon, 22 Jan 2024 10:06:21 +0000 hourly 1 https://wordpress.org/?v=6.0.3 By: Bryan https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-81573 Tue, 03 Oct 2023 15:50:41 +0000 https://visualcomposer.com/?p=31778#comment-81573 In reply to Caiden.

The dynamic add to cart function is possible within VC. First, add a basic button. Under the button’s Content tab > Link selection, choose Select A URL. On the OnClick action dropdown, choose Dynamic Content. Below that choose Add To Cart.

]]> By: Caiden https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-70641 Mon, 29 May 2023 22:35:50 +0000 https://visualcomposer.com/?p=31778#comment-70641 I don’t understand how you can have a “Products Template” customization option in the Theme Builder Settings, but not be able to pull in WooCommerce product information dynamically…. Please either allow elements that dynamically pull in WooCommerce information or at the VERY least have the URL for standard buttons be able to pull in dynamic content.

Also could we pretty please have the option to include html or text before/after dynamic content for this reason? If I could pull in the post ID dynamically to the button URL with a prefix for the ?add-to-cart portion that would solve a LOT of issues!! (This should be universal to have an element pull dynamic content and have an option for “Before” and “After” content, so if a custom field is a number and we want to add units to it, it’s super easy!)

Thank you!

]]> By: Bryan https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-68101 Tue, 02 May 2023 19:59:21 +0000 https://visualcomposer.com/?p=31778#comment-68101 Is there a way to make the add to cart button dynamic, where it fills in the product ID? This video is an example of dynamic content but describes the add to cart button with a specific ID.

]]> By: Nikola Puciriusa https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-57617 Thu, 15 Sep 2022 10:39:12 +0000 https://visualcomposer.com/?p=31778#comment-57617 In reply to Michel.

Hi Michel, thank you for the comment!
To redirect to the cart, as soon as the button is clicked, go to WooCommerce settings in your WordPress admin dashboard, select the ‘Products’ tab, and click ‘Redirect to the cart page after successful addition’ under ‘Add to cart behavior’ settings. Once applied, a standard message will also be automatically displayed when redirected to the cart page.

]]> By: Michel https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-57616 Thu, 15 Sep 2022 08:44:46 +0000 https://visualcomposer.com/?p=31778#comment-57616 Hi! Great video, thanks!! I’d like to know if there is a way to display a message when someone clicks the “add to cart” button? Also, how did you redirect to the cart as soon as the button is clicked?

]]> By: Tieran https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-57050 Sun, 24 Apr 2022 02:40:13 +0000 https://visualcomposer.com/?p=31778#comment-57050 In reply to Nikola Puciriusa.

pardon my ignorance but in woocommerce settings under the advanced tab I’m not seeing any any option for product page … under the page setup heading I see cart page, checkout page, my account page and terms and conditions but nothing for product page

]]> By: Nikola Puciriusa https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-56456 Mon, 22 Nov 2021 09:14:29 +0000 https://visualcomposer.com/?p=31778#comment-56456 In reply to Allan.

Hi Allan, your own page templates can be set over the WooCommerce’s default page templates in the WooCommerce settings, under the ‘Advanced’ tab. If they’re set to custom pages, then the custom ones will override the default ones.

Hope this helps!

]]> By: Allan https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-56441 Sun, 21 Nov 2021 11:21:35 +0000 https://visualcomposer.com/?p=31778#comment-56441 If we make custom pages for the products, product details, checkout and the store front, how should we handle Woocommerce’s default pages?
Woocommerce looks for default pages for the likes of the store, product and checkout, if we are using our own Visual Studio pages, Woocommerce still expects some default pages so it can function. If we don’t want to use Woocommerce inbuilt templates and instead use our Visual Composer templates, where should we point woocommerce default pages so they don’t interfere?

]]> By: Nikola Puciriusa https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-56354 Wed, 17 Nov 2021 08:44:08 +0000 https://visualcomposer.com/?p=31778#comment-56354 In reply to Rory Jacobs.

Hi Rory, please see the answer above – I hope this helps!

]]> By: Nikola Puciriusa https://visualcomposer.com/blog/how-create-a-custom-woocommerce-product-page-with-visual-composer/#comment-56353 Wed, 17 Nov 2021 08:42:49 +0000 https://visualcomposer.com/?p=31778#comment-56353 In reply to Bryan Fisher.

Hi Bryan, if by actual WooCommerce product template, you are referring to the existing WooCommerce product template, then Visual Composer will work within its description area. The areas outside of it are controlled by WooCommerce (and theme, if the theme modifies the product template). Due to this, it will not be possible to edit the entire product template and the Visual Composer usage, in this case, will be restricted to a certain area.

]]>