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

  • A. Description
  • B. Installing Divi Medical Ecommerce Child Theme on your Divi Site
  • C. Installing suggested plugins
  • D. Import Demo Data
  • E. Setup WooCommerce
  • F. Set Homepage and Blog Page
  • G. Customize Colors
  • H. Snazzy Map Plugin
  • I. Yoast SEO and Breadcrumbs
  • J. Set Menu in the Theme Builder
  • K. Change Products Displayed in the Tab
  • THEME REQUIREMENTS

    ✓ Self-Hosted WordPress Installation
    ✓ Divi Theme by Elegant Themes
    ✓  PHP version 7 or greater
    ✓ memory_limit 128M
    ✓ post_max_size 64M
    ✓ max_execution_time 180
    ✓ upload_max_filesize 64M
    ✓ max_input_time 180      
    ✓ max_input_vars 5000
    ✓  MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
    ✓  HTTPS support
    ✓  Nginx or Apache with mod_rewrite module
    ✓ WooCommerce Plugin (optional)
    ✓ Instagram Feed Plugin (optional)

    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.


    A. DESCRIPTION

    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.

    ** Visit the Divi Medical Ecommerce Child Theme Page Here **


    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.

    file-f7VuPafBnZ.png

    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.

    1. For bulk color editing colors in the Divi Builder, use find and replace color function. It’s easy and fast to use.

    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

    1. 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/
    2. To add custom style, head over to Snazzy Maps plugin, click explore and choose the style you want to use and enable it.
    3. If you want to use the style from demo page: 
      1. create an account on Snazzy Map website: https://snazzymaps.com/. It’s free.
      2. Add this map to your favorites : https://snazzymaps.com/style/40735/artificial-reason-orange2
      3. Generate and copy API from here: https://snazzymaps.com/account/developer
      4. Head over to Wordpress dashboard -> Appearance -> Snazzy Map -> Settings and paste API key.
      5. Click explore and filter styles by Favorites. 
      6. You should be able to see the map you added to favorite via Snazzy Map Website.
      7. Click enable. 
    4. 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.

    Open tab.

    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.



    NEED ADDITIONAL INFORMATION OR SUPPORT?

    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 info@aspengrovestudios.com, to get our current rates. If you like our products and would like to purchase similar child themes, please visit https://aspengrovestudios.com/shop

    THANK YOU & ENJOY!

    Still need help? Contact Us Contact Us