I want to sell memberships (subscriptions with restricted content), get donations and physical products. Right now I have WooCommerce and WooCommerce Memberships installed.
1. Setup the “My Account” page:
Do not be fooled about the “Woo Shortcodes” block in TagDiv composer. You cannot add shortcodes here (only the ones in the drop down menu).
Instead you have to use “Column text” and then open the WP Editor. Only as raw text (not visual tab) can you add the shortcodes, for example [woocommerce_my_account].
If you add [woocommerce_my_account] in the “Woo Shortcodes” block it will not display correctly (at least it displays differently for me).
I use the [woocommerce_my_account] shortcode on two pages (it is the default on my account page as mandated by Woocommerce), but it is also my main login shortcode.
2. Do the same for mandatory pages:
Create a new page (or edit old one). Add “Column text” and add shortcodes with WP Editor (Edit Content):
[woocommerce_checkout] (check out page)
[woocommerce_cart] (cart page)
(also make a Terms and conditions page)
3. Under the Woocommerce setting (advanced) assign the 3 pages you made (or edited). Cart, Checkout and My Account.
Here comes the problems:
4. The shop page I cannot edit at all. The content is somehow forced with a really ugly layout. I cannot make my own shop page as it is hard-coded from “My Account”.
5. The shop page only covers 2/3 of the page, leaving a 1/3 empty side bar. The checkout, cart and my account pages do not have this problem.
6. The final payment button is PINK. How to change this?
As far as number 5 adding the following “Custom CSS” under “Custom Code” in the theme panel solved my problem. Is this safe though?
.woocommerce-page .td-main-content-wrap .td-container .td-pb-row .td-pb-span8 {
width: 100%;
}
.woocommerce-page .td-main-content-wrap .td-container .td-pb-row .td-pb-span4 {
display: none;
}
Hi,
At the moment our theme does not have a specific element only for woocommerce. Therefore you can set the shortcodes as you describe above.
As results, if you set the shortcode with tagDiv Composer you can’t edit the layout of the shortcode, only the column where the code is set.
Also, that problem you resolve with CSS was practical, the space from the sidebar (that was empty in this case).
The payment button that is Pink if doesn’t has an option to be edited from woocommerce, then it can be done using custom code CSS.
If you need helps if the custom code, please send us a link to your website.
Thank you!
In order to handle donations and subscriptions I now have the following installed and it is working fine:
WooCommerce
WooCommerce Memberships
WooCommerce Menu Cart
WooCommerce Stripe Gateway
WooCommerce Subscriptions
EU VAT for WooCommerce
I am just missing a good plug-in for VAT reporting now (EU MOSS)