I have a custom shipping plugin that adds a shipping method to the ones that have been added through shipping options on the Checkout page. The plugin works perfectly and adds the shipping method on the checkout page, however, I tried the plugin on another site that used the Divi Theme and it didn't work. From further investigations, I notice that the developer of the site uses a checkout builder which does not use woocommerce_checkout shortcode or block. But rather the builder places on the checkout page, the individual sections of the checkout page. This seems to be the only difference between this site and all the others I have tested the plugin on.
Does anyone have an idea of how to add the shipping method to the list even on sites that use builders in the same manner?
The shipping methods are usually included on the cart and checkout from a series of hooks that are called from within the theme.
If you can see other shipping methods apart from the custom one then it is likely a problem with the plugin not having the hook it wants fired.
Personally I would make a backup of the current checkout template and turn it off to see if it works fine with the default woocommerce one.
If you can see your shipping method appear in the default template then that template override is missing a hook. If not it's something else.
Then you maybe able to make the comparison between the 2. Only problem is that with Divi they hide a lot of the mechanics so I would potentially turn it off all together.
Then manually make changes by copying the WooCommerce template file to my theme folder in a directory called 'woocommerce' then make the edits that mirror what Divi was trying to do.
If the hook isn't being fired then it will not load the data.
This isn't really an answer but may give some guidance on what to check
This is a known issue with the new divi checkout builder. It’s been reported to Elegant Themes and they are working on a fix with no ETA. I had the same issue and had to revert back to the standard woo checkout.
A simple way is uncheck "ship to different address"
Going to WooCommerce–> Settings –> Shipping–> Shipping Option –> (select) Default to customer billing address.
Related
I'm using WooCommerce with Divi theme. But when I custom checkout page with divi modules then It show validate errors for all module (not only billing form). And It require fullname even though fullname is not empty.
Do someone know why?
Thanks in advances.
We’re just getting started with WooCommerce and are preparing a store with just a few categories and products in it to play around with it and get to know it before we get seriously into it.
We don’t yet have an SSL certificate for our website.
Does this mean that we won’t be able to create a store and test it until we get an SSL certificate?
As is, we’re seeing blank pages when we go to cart and try to go to checkout. On those pages, our header is there, but the page below the header is empty, blank.
I posted this same question in an existing thread that mentioned this, but haven’t had a reply. Thought maybe it might be missed in that other thread.
maybe, can you see do code shablon this page?
Thank you.
I came across this issue while writing a custom WooCommerce theme from scratch. I realized that if your theme has a page.php template (or any of the fall-back templates in the WP hierarchy) - you need to make sure, that the_content(); function gets called in the template that your page post-type is going to use (either page.php, singular.php or index.php) - if you are using the standard WooCommerce setup.
If not, the WooCommerce short-codes are simply never output - which the cart, checkout, my-account and order-tracking pages depend on.
Make sure to enter the [woocommerce_cart] shortcode in the Cart page and [woocommerce_checkout] shortcode on the checkout page.
And Goto Woocommerce settings and set the Cart Page, Checkout page.
This should solve the issue.
Meanwhile, check the Woocommerce -> System Status and look for errors.
If you are using any page builder, make sure you enter the Shortcodes in the text box modules.
If you still face the issue, try reverting back to Gutenburg editor or classic editor instead of Page builder.
How to debug:
wordpress.org/support/topic/how-to-debug-issues-after-updates
Perhaps it would be easier to find what is causing the conflict. Try temporarily switching back to the WordPress Twenty Sixteen Theme, or Storefront, and disable all plugins except for WooCommerce. If that resolves the issue, then slowly re-enable features until you find the one that’s causing the conflict
I have created a custom select field using woocommerce_form_field on the checkout page. How do I make select field to be same as the ones we have in the WooCoommerce settings.
Assuming you are after the looks and feel of WooCommerce Select inputs.
You need to add custom JavaScript for this. WooCommerce uses SelectWoo, a more accessible fork of Select2 JavaScript library for those fancy select inputs.
$('selector-for-your-select').selectWoo();
While selectWoo is by default available in wp-admin, on the front-end it is enqueued only on cart, checkout, and my-account pages.
If you want to use it on other pages then you need to enqueue it for them. Using wp_enqueue('selectWoo'); or as a dependency to your front-end css/js wp_enqueue statement in your plugin, theme, or theme's functions.php.
To learn more about it visit:
selectWoo – An accessible replacement for select2
Basic Usage
GitHub Repo
WooCommerce Front-end Assets - woocommerce/includes/class-wc-frontend-scripts.php
WooCommerce Admin Assets - woocommerce/includes/admin/class-wc-admin-assets.php
I purchased divi, it's a great 'drag and drop' builder to build page layouts.
However, on wooCommerce product pages, the 'use divi builder' button is not there.
Does anyone know the internal workings of the plugin well enough to allow for the button to appear on the product pages.
I did contact their support, but they don't seem to want to answer harder questions.
You can easily integrate the Divi builder into Woocommerce or any other custom post type for that matter with a small code snippet which can be added to your Theme's functions file. Remember to use a child theme whenever customizing theme core files such as the functions.php file as we will be.
If you are not familiar with a WordPress Child Theme you can always use one of my prefered plugins when in a crunch for time. Child Theme Creator by Orbisius
Here is the snippet to add woocommerce to the child theme, I also added a second custom post type to further show you how this example works.
// Begin Adding Divi Builder Support to Custom Post Type
function my_et_builder_post_types( $post_types ) {
$post_types[] = 'product'; // This is the name of the Woocommerce custom post type
$post_types[] = 'latest_news'; // My own custom post type I have added to my website.
return $post_types;
}
add_filter( 'et_builder_post_types', 'my_et_builder_post_types' );
// End Adding Divi Builder Support to Course Post Type
So what have we done here?
1st. We created our function
2nd. We specified our post types we want added
3rd. We added our new filter
There you have it, its that simple. This will allow you to better layout your description content on your woocommerce product pages.
I know that this answer is much down the timeline but I think it will be helpful for others who are trying to achieve the same thing.
This Elegant themes blog post describes a solution, the
Divi Commerce Plugin
and here is the link to Bolt Themes
Enjoy.
The Divi builder can't be activated on product pages. This feature is not supported.
This is with the Divi builder plugin and the Divi theme itself.
I personally feel that you will be using product / page functionality of you had Divi active on the single product pages.
From a user experience you will be loosing the direction to getting a client to add the product and checkout as the page will be out completely.
Use Divi for your main pages and marketing, keep the WooCommerce pages for the products!
The issue is on Woocommerce permalink. I have added 7 menus to my woocomerce website, of which 5 of them contains the products, the others are HOME and CART. The problem is, I ain't aware of the permalink concept. Though, I tried to link my products to the respective page by changing permalink as
Custom Structure : http://example.org/%product_cat%/
Category base : products
and it works fine for the 5 products in the menu, but the problem occurs with my CART menu.
When I click it shows
"Page not found! Something has gone wrong. Sorry about that!"
I tried with Woocommerce settings, where I couldn't find any option to resolve this.
Hi try to go to Woocommerce setting and then on Checkout tab set the Cart page to your designated Cart Page that you created. (Same goes as your checkout page). Or try to go to permalink and save again.
What is the link that shows in the browser when you get the "Page not found" error?
If you go to Woocommerce Settings > Checkout, you will see a section called Checkout Pages. Make sure you set your cart and checkout pages to the correct page and save it. If that does not fix your issue, go to Settings > Permalinks and click save. Test again.
You also want to make sure you update your theme and plugins. If none of these options work, please send the url that shows when you get the "page not found" error.
The best way is to use a special plugin as well as you can save time and quickly manage URL’s on your WooCommerce store.
In my opinion, the best plugin for managing links to the WooCommerce platform is the WooCommerce Permalink Manager by Premmerce that allows you to configure URL generation strategy for your store. I used almost all similar plugins, but I can confidently say that it’s the best solution in this area. This plugin is completely free and has a friendly interface. So you can use this tool without any skill.
I hope It will help to you!