How to create Fashion Ecommerce Website with Shopy Theme

How to create Fashion Ecommerce Website with Shopy Theme

The following article will teach you how to:

  • Install WordPress
  • Install Shopy WooCommerce Theme
  • Customize Shopy Theme

to create Fashion eCommerce Website without Coding.

shopy-woocommerce-theme-min

Step 1. Register Domain Name and Hosting

Domain is the address of the website. It’s like your house number. This includes the name (e.g. facebook, google, unicef), and the extension (e.g. .com, .org, .net).

Hosting is used to store articles, images, videos, etc. Hosting is like a land to build a house.

I recommend that you use Stablehost because they will give you 40% Off their hosting plan with Coupon: 37Q2ZA1H

(I am using Hosting here)

Step 2. Install WordPress

>> How to Install WordPress on Hosting for Beginner

Step 3. Install Shopy WooCommerce Theme

3.1. Download Shopy WooCommerce Theme & Child Theme

3.2. Go to Appereance > Themes > Add New

appereance-themes-add-new-1-min

3.3. Click on Upload Theme > Choose File > Select the shopy.zip file > Install Now

 

upload-theme-choose-file-install-now-2-min

3.4. Click on Return to Themes Page

return-to-theme-page-1-min

3.5. Click on Add New > Upload Theme > Select File > Select shopy-child.zip file > Install Now

shopy-woocommerce-child-theme-1-min

 

3.6. Click on Active

shopy-woocommerce-child-theme-2-min

3.7. Click on Begin installing plugins

install-shopy-theme-plugin-1

3.8. Apply

install-shopy-theme-plugin-2-min

and Active

install-shopy-theme-plugin-3-min

3.9. Download Shopy Demo Data

Ctrl S > Save

3.10. Tools > Import > Install Now > Run Importer

tools-import-1-min

3.11. Click on Choose File > Choose Shopy-demo.xml > Upload file and import

import-wordpress-1-min

3.12. Click on Download and import file attachments > Submit

import-wordpress-2-min

Import Done

import-wordpress-3

3.13. Settings > Reading

settings-reading-1-min

Click on A static page (select below) > Home at Homepage > Save changes

settings-static-page-1-min

Step 4. Customize Shopy Theme

4.1. Background Color

Appereance > Customize > Color > Background > Select Color > Type: #F5F5F5 > Publish

create-fashion-website-9-min

 

4.2. Change Header

Top menu

Appereance > Menu > Select a menu to edit: Top > Select

create-fashion-website-1-min

Select Top Location > Save Menu

create-fashion-website-2-min

Logo

Appereance > Customize > Header > Logo > Select Image

create-fashion-website-3create-fashion-website-4

create-fashion-website-5

 

 

and click on Punish

create-fashion-website-6

Main Menu (Under Search Box)

Appereance > Menu > Select a Menu to Edit: Primary > Select

create-fashion-website-7-min

Select Primary Location > Save changes

create-fashion-website-8-min

and you will see

create-fashion-website-10-min

4.3. Slider

Appereance > Widgets and Drag the Slider widget from the left to the Frontpage

create-fashion-website-11

Appereance > Customize > Content Layout > Slider > Fill information: Slider 1, Slider 2, Slider 3, Slider 4 and Slider 5

  • Select Image
  • Text
  • URL

create-fashion-website-12-min4.4. Banner (Homepage, Product Category/Tags)

Appereance > Widgets > Drag the Home – Banner widget from the left to the Frontpage

create-fashion-website-14-min

Appereance > Customize > Content Layout > Banner > Fill information (Banner 1, banner 2, banner 3 > Publish

  • Select Image
  • Text
  • URL

create-fashion-website-15-min

4.5. BEST SELLERS

Appereance > Widgets > Drag Home – Products widget to Frontpage

  • Title: BEST SELLERS
  • Display: Best-Selling Products

create-fashion-website-16-min

4.6. NEW ARRIVALS

Drag Home – Products widget to Frontpage > Save

  • Title: NEW ARRIVALS
  • Display: Recent Products

create-fashion-website-17-min

4.7. Spotlight (Under NEW ARRIVALS)

Appereance > Customize > Content Layout > Spotlight

and then click Pubnish

create-fashion-website-18-min

4.8. Footer

Appereance > Widgets > Footer 1, Footer 2, Footer 3, Footer 4 and Footer 5

Footer 1

Appereance > Menu > Select a menu to edit: Footer links > Select > Save Menu

create-fashion-website-19-min

Appereance > Widgets > Drag Navigation Menu widget (Left) to Footer 1

  • Title: USEFUL LINKS
  • Select Menu: Footer Links

and click on Save

create-fashion-website-20-min

Footer 2 

Appereance > Menu > Create a new menu

customize-shopy-theme-1

customize-shopy-theme-2-min

Appereance > Widgets > Drag Navigation Menu widget (Left) to Footer 2

  • Title: NAVIGATION
  • Select Menu: Select the menu you just created

Footer 3

Create “Information” Menu > Drag Navigation Menu widget to Footer 3

  • Title: Information
  • Select Menu: Information

customize-shopy-theme-4-min

Footer 4

Drag Product Categories widget to Footer 4

customize-shopy-theme-5-min

Footer 5

Drag Text widget to Footer 5

customize-shopy-theme-6-min

Drag >> Social Icons widget to Footer 5

  • Title: Leave Blank

customize-shopy-theme-7-min

Footer Style

Appereance > Customize > Footer > Footer Style

  • Style 1: Light
  • Style 2: Dark

customize-shopy-theme-10-min

4.9. Footbar

Appereance > Customize > General

customize-shopy-theme-8

  • Footer Text

customize-shopy-theme-9-min

1 thought on “How to create Fashion Ecommerce Website with Shopy Theme

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.