Divi Medical Ecommerce Child Theme
DIVI MEDICAL E-COMMERCE CHILD THEME
Follow the instructions below to install and configure your new product
TABLE OF CONTENTS
✓ Self-Hosted WordPress Installation
Remember: In order for the Divi Medical Ecommerce child theme to work, you must have Divi from Elegant Themes. If you do not have it you can purchase it here. Once you have it, please install it on your self-hosted WordPress website.
Filled to the brim with countless sales-driven elements, the Divi Medical Ecommerce child theme is perfect for brands looking to sell products and generate profits online. Fully set up and integrated with WooCommerce, Divi Medical Ecommerce has taken care of every step of the customer purchase journey, leaving brands to merely enter their original content and product imagery to begin selling products online.
With its beautiful, eye-catching design and engaging sales-driven elements, this feature-rich WooCommerce theme helps businesses create an enticing shopping experience that’ll keep customers coming back.
B. INSTALLING THE CHILD THEME
Please upload the Divi Medical Ecommerce Child Theme to you your self-hosted WordPress website. Make sure the Divi theme is already installed and activated.
After you've activated the theme you need to click on the "Divi E-commerce" menu item to display the licensing dialogue box. Enter your License Key and then hit "Continue".
After you have successfully licensed your product you will see this screen. Click on "Begin installing plugins" for the next step of the configuration process.
C. INSTALLING THE SUGGESTED PLUGINS
Once the theme is installed on your site, the system will suggest you install & activate plugins. Please click the Plugin Names or Begin Installing Plugins link on the dashboard screen and start the process.
Please be advised that this Divi eCommerce Child Theme comes with WooCommerce shop as one of its layouts. If you choose not to install the suggested Plugin(s), the shop section along with the related images and content will not be imported and you may see a message on the import page that some images have not been imported successfully. Please ignore the message.
Once all plugins have been installed, Return to the Installer in order to activate.
After Activation, Click on the “Return to the Dashboard” link.
When you click “return to the Dashboard”, WordPress will automatically take you to WooCommerce’s Setup Wizard. Please click the “Not right now” button. We will be Setting up the shop pages manually later on.
D. IMPORT DEMO DATA
From the WordPress Dashboard go to the newly added ‘Divi Medical Ecommerce’ tab on the left admin panel. Under the ‘Divi Medical Ecommerce’ menu, please click on ‘Import Demo Data’ only once. Please be patient while the demo data of the Divi Medical Ecommerce child theme is imported into your site.
E. SETUP WOOCOMMERCE
Navigate to WooCommerce >>Settings and in the General Tab fill in the usual information for your business and save your changes:
Next, click on the Products tab and set the Shop page to "Shop" by selecting it from the drop-down menu. Save Changes.
Click on the Checkout tab and set the Cart and Checkout pages to "Cart" and "Checkout" respectively. Save your changes.
Finally, on the accounts tab set the My account page to "My account" and save your changes.
F. SET HOMEPAGE AND BLOG PAGE
Go to Setttings > Reading.
Under the Homepage displays option choose Homepage. Below that choose the Blog page to be used as the front page for your blog posts.
Save your changes, and load your site to review changes.
G. CUSTOMIZE CHILD THEME COLORS
All colors are set in the Divi Modules and in the Theme Customizer.
Follow this tutorial: https://www.elegantthemes.com/blog/theme-releases/find-and-replace
2. Other colors settings you can find in the Theme Customizer. Follow the list below.
To Change Theme Accent: General Settings > Layout Settings > Theme Accent Color
To Change Primary and Secondary color accents: Divi Medical Ecommerce Settings > Color Scheme
To Change Buttons Color: Buttons > Button Style and Hover Style
To Change Link Color: General Settings > Typography > Body Link Color
To Change Cart Color: Dashboard > Woo Side Cart > Style > Cart Basket
H. Snazzy Map Plugin
- An API key is required in order to use the Maps Module. For more information, visit this page: https://www.elegantthemes.com/documentation/divi/map/
- To add custom style, head over to Snazzy Maps plugin, click explore and choose the style you want to use and enable it.
- If you want to use the style from demo page:
- create an account on Snazzy Map website: https://snazzymaps.com/. It’s free.
- Add this map to your favorites : https://snazzymaps.com/style/40735/artificial-reason-orange2
- Generate and copy API from here: https://snazzymaps.com/account/developer
- Head over to Wordpress dashboard -> Appearance -> Snazzy Map -> Settings and paste API key.
- Click explore and filter styles by Favorites.
- You should be able to see the map you added to favorite via Snazzy Map Website.
- Click enable.
- That’s it!
I. Yoast SEO and Breadcrumbs
To enable and set-up the Yoast Breadcrumbs go to SEO > Search Appearance > Breadcrumbs and enable the breadcrumbs.
Configure the settings to your preference.
To display Breadcrumbs, use this shortcode: [wpseo_breadcrumb]
Read more here: https://kb.yoast.com/kb/implement-wordpress-seo-breadcrumbs/
J. SET MENU IN THE THEME BUILDER
Go to the Divi Theme Builder and click Edit on Global Header.
Click on the Gear Icon to Edit Menu Module
Click My Account Menu and click Save
K. HOW TO CHANGE PRODUCT DISPLAYED IN THE TAB?
In the Divi Builder edit the Tab section.
You find a shortcode created by Divi Shortcodes. It displays a Layout Saved in the Divi Library.
Head over to the Divi Library and find the layout with this shortcode. Click Edit to make changes.
What if I have a problem or a question about any of the required plugins?
If you have any questions or particular issues with the plugins used along with this child theme, please consult their documentation directly on the developer's website. Here are some links:
For general WordPress information – wordpress.org
For additional help with using Divi, Elegant Themes offers free technical support to all their members. – http://www.elegantthemes.com
NEED HELP WITH CUSTOMIZATION OR WANT TO BUY SIMILAR PRODUCTS?
If you feel you need to give your website a completely professional finish, or you simply don’t have time to do it yourself, contact us at aspengrovestudios.com or send us an email to firstname.lastname@example.org, to get our current rates. If you like our products and would like to purchase similar child themes, please visit https://aspengrovestudios.com/shop