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!
Related
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.
Even though Gutenberg hag a 'widget' to add Blog Posts to your page, I need custom HTML wrapping this widget. Can anyone point me to a way to add a Custom block-pattern or how to create / modify the Blog post widget?
It's important that adding the blog post section / widget to a Page is user friendly, so preferrably no shortcodes etc...
PS, as you may have noticed, I have only been developing for block-patterns and blocks for a couple of days
Thanks!
I'm pretty new to WordPress but have been experimenting with the Pods plugin for custom post types and fields and trying to implement them using the Elementor page builder. Creating the post type and fields is all straight forward but I'd like to be able to now implement these custom fields into my pages. Specifically, I'd like to be able to integrate them with the Posts widget in Elementor.
By using the Ele Custom Theme plugin I have been able to create a Loop template and setup the articles I'd like to loop through and this method works fine using the standard Posts widget in Elementor. However, the standard Posts widget does not have the ability to add a filter to your items. This is what I need.
There is a Ultimate Addons version of the Posts widget that incorporates this filter function but it doesn't seem to have a feature to loop through a loop template. In the standard Posts widget, you are able to select a 'Custom' skin which can then hook up with the loop template you've created. The Ultimate Add Ons version doesn't have this option.
I hope I'm explaining this correctly and that someone maybe able to offer some advice.
Is it possible to for the Ultimate Addons version of the Posts widget to pull through a custom template like the standard version does. I have added an image as a guide. The Ultimate addons version is on the left hand side.
Any advice on this would be much appreciated
you can use Livemesh Addons for Elementor,
https://wordpress.org/plugins/addons-for-elementor
with that you can create and select custom templates for post and custom post types.
I have installed and used a plugin called: Custom Post Type Maker. With this, I have created custom posts, in this case recipes. How do I now display these recipes or add them in like a custom post type with Avada? On my home page I would like to display them with similar settings to the blog post.
There is a paid plugin that extends Avada Builder for displaying Custom Post Type content. I searched but couldn't find a free alternative to that.
I would like to create a custom front page in the new Wordpress Gutenberg editor.
In older version of Wordpress I could attach a page to a custom template.
I can't see that option in Gutenberg.
Regards
Frank
The Gutenberg Handbook on wordpress.org says about that:
Planned additions:
Saved and assigned to pages as “page templates”.
Defined in a template.php file or pulled from a custom post type (wp_templates) that is site specific.
As the equivalent of the theme hierarchy.
(https://wordpress.org/gutenberg/handbook/designers-developers/developers/block-api/block-templates/)
So apparently that isn't yet available, but is planned.
Create a new page with wordpress gunteberg editor.
Set it as the front page (on the WordPress settings) and now you can style the whole front page.
You will probably need to install some block plugins to accomplish your needs (sliders, testimonials, carousels, responsive layouts...).
Have a look at getblocklab.com or the ACF block system (in Release Candidate right now available only for premium users) if you want to style your home similar as you would with a php template + css.