How to use the theme?

Own Shop Documentation

Download the child theme here. Only required when you are doing custom coding to add more features.

Download child theme

What is a child theme?

You can create your website like the preview demo in just a few steps 
Step 1) First of all install this theme by going to Appearance->Themes->Add New. Upload own-shop.zip and install it.
Step 2) Install all the recommended plugins and activate plugins
Step 3) Now there will be a woocommerce setup popup. You can set up it or you can skip it to set up later.
Step 4) Go to Appearance->Import Demo Data
Step 5) Select your demo. Click on Import Demo  button. A new window will open. Click the Continue & Import button to continue and wait for the process to finish

Note : After the import. Go to Pages -> All Pages and remove the duplicated Woocommerce pages if any.

 

Own Shop Documentation 41

 

Also make sure there are no missing pages in the Primary menu. Go to Appearance -> Menus and select the Primary menu and delete those which are highlighted in red if any.

Step 1) First of all, we’ll remove the existing WooCommerce pages ie Cart, Checkout, My Account, and Shop pages. Check screenshot below

Own Shop Documentation 42

Step 2) After this, we will go to WooCommerce -> Status and then click on the tab Tools. Check screenshots below

Own Shop Documentation 43

Own Shop Documentation 44

Step 3) On Tools tab, scroll down to find the section “Create default WooCommerce pages” and click on the button Create Pages. Check screenshot below

Own Shop Documentation 45

Step 4) Now test your site again.

Step 1) Create new pages from Pages menu and name it Home for home page and Blog for blog page
Step 2) Go to Settings->Reading menu and from Your homepage displayssettings select A static page and then select Home as Front page and Blog as blog page
Step 3) Save it
Step 4) Now edit your home page using Elementor Page builder easily.

Own Shop comes with 2 layout settings ie 1350px and 1170px width. Default width is 1350px. After you install and activate Own Shop. You’ll notice that the Elementor’s content is taking the 1170px width and not 1350px width. To change the Elementor’s  page width. We need to add the following steps. Check images below

Own Shop Documentation 46

 

Follow the Steps show in Screenshot below. First of all Open your homepage using Elementor Page Builder

Own Shop Documentation 47

Own Shop Documentation 48

Own Shop Documentation 49

Lets add the content width to the Elementor’s Layout settings

Own Shop Documentation 50

If product compare is showing blank tables or You can’t see Add to Wishlist icon in product hover. Then followthe steps below

Step 1) Go to YITH -> Compare
Step 2) Check the option Show button in products list  and click Save. Check Screenshot below.

Own Shop Documentation 51

Step 1) Go to Appearance->Customize
Step 2) Click on Site Identity Tab. 
Step 3) Upload a logo of your own. 
Step 4) Save & Publish

Go to Menus from Appearance-> Menus. 
Step 1) Create a new menu. 
Step 2) Select pages from left and add it to menu 
Step 3) After this Select Theme Locations Primary from bottom and click Save Menu

Step 1) Go to Pages->Add New
Step 2) Enter Page Title for eg About 
Step 3) Click on the blue button Edit with Elementor

Step 1) Click on Contact -> Add New
Step 2) Create your new form
Step 3) Copy the shortcode
Step 4) Paste your shortcode using Text Widget or Shortcode widget
Step 5) Save & Publish.

Step 1) Click on Appearance -> Customize -> Footer Settings
Step 2) Scroll down to Footer copyrights text
Step 3) Enter your content
Step 4) Save & Publish

Step 1) Click on Appearance -> Customize -> Preloader Settings 
Step 2) Choose your settings
Step 3) Save & Publish

Step 1) Open you page with Elementor Page builder.
Step 2) Find widget Own Shop: List Featured | New | Popular products Widget and drop into the section
Step 3) Save & Publish.

Step 1) Click on Appearance -> Menus
Step 2) Click on Screen Options and check option Description

Own Shop Documentation 52

Step 3) Now there will be an option to add description in menu. Check Screenshot below

Own Shop Documentation 53

Step 4) Save & Publish

Step 1) Click on Appearance -> Menus
Step 2) Click on “Create a new menu link”

Own Shop Documentation 54

Step 3) After this Enter Social Menu as Menu Name and Click Create Menu

Own Shop Documentation 55

Step 4) Now Click on Custom Links and add information as mentioned in screenshot below

Own Shop Documentation 56

Step 5) After adding all social menus Check the “Footer Social Menu” option and then save menu

Own Shop Documentation 57

Step 6) Now to show this social menu in Footer Widgets. Let’s go to Appearance -> Widgets and now
you’ll find our widget Own Shop: Footer Social Icons Widget.

Own Shop Documentation 58

Step 7) Now to add this widget to Footer column, just drag the widget and drop it any of the footer columns or
just click the widget to slide down and then choose from the options below. Check screenshot below

Own Shop Documentation 59

Step 8) Now just add title (optional) and save

Own Shop Documentation 60

1) Facebook
2) Twitter
3) Instagram
4) Linkedin
5) Pinterest
6) Behance
7) Github
8) Youtube

Go to Appearance -> Customize -> WooCommerce and from the options you can change the products display, WooCommerce sidebar etc.

Note: The images used in the demo are for demonstration purpose only. We recommend you to use your own images. Please check image copyrights before using an image.

Create Awesome Websites!

Start with our free theme and create your website now.