[Resolved] Woocommerce Shortcode Applications

[Author]

Posts

[CharlesB2907]

Hi,

I am following the Toolset tutorial https://toolset.com/documentation/recommended-themes/toolset-divi-integration/creating-a-custom-single-product-page-with-divi-builder-and-toolset/ and I have a few questions on set up.

1. In the attached screenshot of the Product Content Template, I placed a Divi Button module as the Add to Cart button and planned to place the woocommerce shortcode for Add to cart - single product page to the button module url field. However, the button doesn't send anything to the cart but instead places a " /] marking in the lower left corner of the button.

2. I would prefer to use the Divi Button Module for the shortcode but if there is absolutely no way it can be used, in the screenshot you can also see the same shortcode embedded in a Text Module which does send the page to the cart, can this button be styled and centered in the column without custom CSS?

3. Once the shortcode issue has been resolved, is there any further Toolset configuration needed for the check out process.

4. Is it possible to change default wording site-wide such as "1 Available" instead of "1 In Stock" and can "Out Of Stock" be changed to "Sold"

5. I noticed the shortcode for woocommerce "Add to cart message" and would like to know how it can be applied.

I'm getting closer to completing my first Toolset Divi website.

Thank you.

[Waqar]

Hi Charles,

Thank you for contacting us and I'll be happy to assist.

Questions 1-2:
The DIVI builder's button module expects only a URL for the "Button Link URL:" field ( screenshot: hidden link ), whereas the shortcode "wpv-woo-buy-options" generates a complete add to cart form. This results in a broken button code and the extra "/]" characters.

For this reason, both these can't be used directly together and you'll need custom CSS code to style the button generated through the "wpv-woo-buy-options" shortcode, as needed.

Question 3:
Once you'll use the "wpv-woo-buy-options" shortcode, it should generate the add to cart button and you won't need any further configurations.

Question 4:
These labels are controlled directly through WooCommerce and you'll need to use WooCommerce filters to customize them.

Here is a useful guide with some example code:
hidden link

For further information on this topic, I'll recommend consulting WooCommerce's official documentation and/or support.

Question 5:
The "wpv-add-to-cart-message" shortcode, shows the confirmation message, when a product is successfully added to the cart.
( ref: https://toolset.com/documentation/user-guides/views-shortcodes/#vf-154367 )

You can add this in the desired and prominent position in your single product template, so that when visitors click the add to cart button, they can see the confirmation that the operation completed successfully.

Important note: It's our support policy to only address one issue/question per ticket ( https://toolset.com/toolset-support-policy/ ). In future, I'll suggest to open a new ticket for each question to avoid confusion and most efficient and timely response.

regards,
Waqar