How Do I Add WooCommerce to Divi?

There are two ways to add WooCommerce to Divi. The first is by installing the plugin, and the second is by adding the code to your functions.php file.

Installing the Plugin:

1. Go to your WordPress Dashboard and navigate to Plugins > Add New.

2. Search for “WooCommerce” in the search bar.

3. Install and activate the WooCommerce plugin.

Adding the Code:

1. Copy the code below and add it to your child theme’s functions.php file or create a new file called WooCommerce.php in your child theme and paste the code there:

<?php
function my_child_theme_enqueue_styles() {
$parent_style = 'parent-style';
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',get_stylesheet_directory_uri() .css', array( $parent_style ), wp_get_theme()->get('Version'));
}
add_action( 'wp_enqueue_scripts', 'my_child_theme_enqueue_styles' );

2. Save the changes and upload the file to your server.

3. Navigate to Appearance > Widgets and drag the WooCommerce widget into the sidebar of your choice.