FASHION

DIVI CHILD WOOCOMMERCE

First of all, we would like to thank you for your purchase.

We hope you like this theme and it helps you achieve your goals. If you have any suggestions or improvements you can contact us on support@destacaimagen.com

Installation

1. Download the theme.

Simply download the theme from the platform Elegant Themes or if you have purchased it on our platform you can download it from “my account”.

2. Upload the theme to your page.

On WordPress

  1. Apearance > Theme
  2. Click on “Add new” and then on the upper part click on “Upload theme”.
  3. Click on “choose file” and select the zip file.
  4. Click on install now.
  5. Once it is uploaded click on “Activate”

Any problems?

This theme size is XMB 

If when you are uploading your theme you have any problems or you have seen any messages related to the limit of the memory of the PHP in your server, we advise you to install the theme from a FTP or to contact your hosting provider so it can enlarge the memory and eventually be able to upload your file.

 

3. Import the demo

You only have to upload the child theme through a FTP or from the section upload theme. Once you have activated it you will find a new option in your menu called “Import demo data > Easy Demo Import”. Through this new section you can import every necessary file for the theme to be shown correctly.

 

Select every option (by default they are all selected) and click “Import demo content” at the bottom of the page.

Stuck importing theme?

Most of the times, the demo content is imported correctly in fresh wordpress installations but some user reported that the importer gets stuck during the process.

If this is your case, try to increase the value of the php parameters memory_limit (256 mb for example), max_execution_time (60 for example) and max_upload (32mb for example). You usually find them in your hosting server configuration panel. Once the import is done you can restore de default values again.

 

After import the theme data, you will have make three extra changes:

Configure the header search button

1- Go to your Dashboard > Ivory Search > Search Forms.
2- Copy the id of the last entry (the first one is a default example created automatically by the plugin).
3- Now go to Divi > Theme Builder and Edit the ‘Global Header’.
4- In the second section, go to the code module and update the id of the search shortcode with the one you have copied previously.

You can watch how to do this in the next video.

Configure the Woocommerce pages templates

1- Go to Divi > Theme Builder and search the template named ‘Woocommerce Pages’.
2- Click in the settings icon and select the options ‘Wishlist’, ‘Cart’, ‘Checkout’, ‘Account’ in the Page > Specific Pages option.

You can watch how to do this in the next video.

Import the page filters examples

1- Download the supplementary files of this theme (you can download them from here too). It is a .zip file with two .json files.
2- Go to your Dashboard > Product Filters.
3- Click the import button and import the two .json files (one at a time).

You can watch how to do this in the next video.

 

 

Menu and Header

 

Logo

Select the logo for your web from the Divi theme options.

As for modifying the size and space of your logo you have to edit your website global header. In order to do so you need to go to Divi/ Theme Builder/ Global Header.

In this video we will show you how to change the width of your logo and to adjust the upper margins on desktop and phone view.

Update the menu

For updating both the desktop and phone menu you need to go to Appereance/ Menu/ Main. In both devices it will be uploaded the same menu.

Edit the menu as you do in any WordPress Theme.

 

Secondary menu and other elements

To update this block you can edit any of the modules as you would do in any Divi page. If you want to add any new links you only need to duplicate the text block and assign a specific page to it as a link, as shown in our video.

We recommend you use the Wireframe view:

Make sure the cart and the user icon are linked to the “cart” and “account” page.

Homes

You have 2 available Home designs. For selecting the design of your choice , you just simply need to go to Settings / Reading and select the page you would like to use as your main page.

In addition if you want to use our blog template, you should leave the post page option in blank.

Woocommerce

You must bear in mind that for all the links to work correctly the Woocommerce page options must be these.

Display color variations

To display de color options of a variable producto you have to follow this steps:

1. Go to your admin panel > Products > Attributes.

2. Complete the form selecting ‘Color’ as type.

3. Once the new attribute is created an displayed, you have to click Configure terms.

 

4.  Add the colors that you need picking the color from the color picker.

After that, when you create a variable product and you use the color attribute, the color options will be displayed in your products.

CONFIGURE COLOR VARIATIONS STYLE

To configure between square and round style, go to Swatches option in your admin panel and select your prefer Shape style.

Shop / Category

You can select between these three available templates for the shop/category page. Here you can have a quick look at the designs:

How do I select the template of my choice?

Let’s imagine we want to select the design number 2 “Shop Category Full”. Firstly we will have to disable the other designs and lastly link the design “Shop Category Full” to all the categories that we want.

We will show you how to do it in this video:

 

You also can use different designs depending on the category. It’s up to you!

Product page

You have two options for the product gallery. On the first one we have static images on our left side of the screen and on the second they appear as a gallery with miniatures.

You also have two designs to show the descriptions, reviews, etc. One with tabs and the other without them.

Therefore you can choose between these four combinations.

How do I select the template of my choice?

Let’s imagine we want to select the design number 2 “Products Fixed”. Firstly we will have to disable the other designs and lastly link the design “Products Fixed” to all the categories that we want.

We will show you how to do it in this video:

If you would like to edit the product page for adding or removing elements you will be able to from the Divi theme builder. Edit the body of the template that you have selected and make all the changes that you need.

Lookbook

The Lookbook is a design created for sharing ideas, inspirational pictures or galleries about a topic. We recommend you duplicate this page any time you would like to create a new Lookbook. In addition, with this template you have access to Masonry Gallery, a plugin of our own making with which you will be able to create amazing galleries in a very few steps.

 

Blog

To use the blog page you must leave the post pages option in blank in Settings/ Reading. To edit the blog page you can do it from pages/blog.

To edit the template of the articles or posts you must do it from Divi / Theme Builder / Blog Post.

Footer

The footer in this website has been created with the theme builder. To edit any information you must go to Divi / Theme Builder and make the changes needed.

 

White Footer

You will find the alternative footer in the Divi library. If you wish to use it you can remove all the Footer content and load this one from the library.

 

Divi / Divi Library

 

Instagram

Link your Instagram account

You only need to be logged in Instagram in your device and to follow the steps that we address in the following video:

Popup

The pop up of this template has been created with the Bloom plugin from Elegant Themes. Here you have a tutorial of Elegant Themes. You can add new pop ups, edit or disable them from the panel.