Fashion Woocommerce Wordpress Theme


Introduction

Thank you for installing our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.

What is WordPress CMS?

WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free content management system(CMS) and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility. Learn More

What is a WordPress template

A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.

Help and Support

Files structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

  • Screenshots - contains template screenshots. Not for production.
  • theme - contains WordPress theme files.
    • fashion-woocommerce.zip - this folder content all the necessary files for the theme.
  • license.txt - contains license details.
  • readme.txt - contain information about theme images path and font use and usage scritps.

Theme Installation Via WordPress

Install a Theme using WordPress Admin Theme Search

If you’re looking to install a free WordPress theme from the WordPress.org themes directory, then the easiest way is by using the WordPress admin theme search functionality

First thing you need to do is login to your WordPress admin area. Next, click on

Appearance >> Themes.


Once you are on the themes page, click on the Add New button at the top.


Based on your search, you will see a single theme or a list of themes that met your criteria. In our case, we searched for the theme Creative One Page. When you see the theme that you want to install, simply bring your mouse on top of the image. This will reveal the install button, preview button, and details button. Go ahead and click on the install button.


WordPress will now install your theme and show you a success message along with the link to activate or live preview.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme.


Install a Theme by using Upload Method from WordPress Admin

The first method that we covered only allows you to install free themes that are available in the WordPress.org theme’s directory. But what if you want to install a commercial “premium” WordPress theme from companies like ThemeLab, StudioPress, iThemes, etc. Or what if you want to install a custom theme? Well in this case, you would need to install the theme using the upload method from your WordPress admin.

Start by downloading the .zip file of the theme that you purchased from a marketplace or a commercial theme provider.

Next login to your WordPress admin area and click on

Appearance >> Themes.


Once you are on the themes page, click on the Add New button at the top.


On the next screen, click on the Upload Theme button at the top.


You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.


Once your theme is installed, you will see a success message along with the link to activate and preview the theme.


Click on the activate button, and you’ve successfully installed and activated your WordPress theme. Depending on the theme, it may add additional settings options that you may need to configure either through the theme customizer or through a separate options panel.

Theme Installation Via FTP

Installing a WordPress Theme using FTP

First installed and setup your FTP program, connect to your host using FTP. You would need to go to the path (/wp-content/themes/). Once you’re there, simply upload your themme’s folder there.

Remember you must unzip the folders before you upload a theme using FTP. Once you have uploaded the theme, you would need to go to your admin area and click on Appearance >> Themes.

You should see the theme that you uploaded listed there. Bring your mouse on top of that theme and click on the activate button and you’ve successfully installed and activated your WordPress theme.

How to set up homepage

Setup Home Page Template

Follow these instructions to setup Home page.

  • 1. Create Page to set template:

    Go to Dashboard >> Pages >> Add New Page.

    Label it "Home". Then select template "Custom Home" from template dropdown.


  • 2. Set the front page: Go to Setting >> Reading
  • Set the front page display static page to home page.



    Once you have done with this you can see all the demo content on front page.

Setup Typography

In order to setup the Typography, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Typography

Their customizer settings are like below screenshot.



1. Color: Here you can change the colors of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

2. Fonts: Here you can change the Font Family of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

3. Font Size: Here you can change the Font size of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

It will appear like this on the front end.



Setup Layouts Settings

In order to proceed with theme layout, follow the below steps..

Go to Appearance >> Customize >> Themes Settings >> Layout Settings

Here You can click the checkebox if you want to Show / Hide preloader.


In Layout Settings, you can select the Blog Post Layout Sidebar.


In Layout Settings, you can select the Single Post Layout Sidebar.


In Layout Settings, you can select the Single Page Layout Sidebar.



Here You can select the Default layout for the themes.


After Default layout themes will look like screenshot


Setup Slider

In order to setup the slider, follow the below steps.

1. Create a new page and name it (Whatever the tittle you want to show on the slide) , set it's featured image, title, and the content. Repeat this process for other slides.




Go to Appearance >> Customize >> Themes Settings >> Slider Settings

Add Slider Small Text,Select the page which you have created for slide1, slide2, slide3, slide4 and click twice the show/hide slider.



You can select Slider Content Alignment, Slider Excerpt length, Image Height, Slider Button Text, Add Button Link, Slider Button Background Color etc.


Once you have done with this you will see the slider on your front page.



In this way you can setup slider.

Setup Fashion Categroy Section

In order to setup Fashion Categroy Section, follow the below steps.

First, you have to create category and upload image.

Go to Dashboard >> Categories >> Add New Category


Repeat the above steps for more categories.


Go to Appearance >> Customize >> Themes Settings >> Fashion Categroy Section

Here, you have to Select Category, Add Small Text and Add Category Icon, Add Slider Button Text and Add Button Link.



Your Fashion Categroy Section will look like this.



In this way you can setup Fashion Categroy Section.

Setup 404 Page

In order to proceed with setup 404 Page , follow the below steps.

Go to Appearance >> Customize >> Themes Settings >> 404 Page



1. 404 Page Title: Here you can add 404 page title.

2. 404 Page Content: Here you can add 404 page content.

3. 404 Page Button: Here you can add 404 page button.


In this way you can setup 404 Page section.


Setup Responsive Settings

In order to proceed with setup Responsive Settings , follow the below steps.

Go to Appearance >> Customize >> Themes Settings >> Responsive Settings



In this way you can setup responsive section.


Setup Blog Page Settings

In order to setup Blog Page Settings, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >>Blog Page Settings

For blog page setting, you can show or hide post date, comments, author and time and its icon,also show/hide blog post image,change blog post image border radius and image shadow etc.


Here you can change excerpt length, Button Text, Button Font Size, Button Text Transform, Meta Box Separator, Display Blog Page Post etc .


Here you can show/hide Pagination in Blog Page and Post Pagination type.


In this way you can setup Blog Post Settings


Setup Single Post Settings

Go to Appearance >> Customize >> Theme Settings >> Single Post Settings

For Single Post Setting, you can show or hide single post date, comments author and time and its icon, also show/hide single post image, tags, breadcrumb, change blog post image border radius and image shadow etc.


Here you can show/hide Pagination, Comment Box, Category, Comment Form Heading Text, Comment Form Button Text, Comment Textarea Width and Meta Box Seperator etc.


In this way you can setup Single Post Settings


Setup Related Post Settings

Go to Appearance >> Customize >> Theme Settings >> Related Post Settings

For Related Post Settings, you can show or hide Related Post, Related Post Taxonomies, Related Post Title, Related Post Number, Related Post Content Limit etc.


In this way you can setup Related Post Settings


Setup Button Option

Go to Appearance >> Customize >> Theme Settings >> Button Options

Here you can Give the Top-Bottom, Left-Right , Padding to the Button for the themes.


In this way you can setup Button Settings

Setup No Result Found

In order to proceed with setup no result found , follow the below steps.

Go to Appearance >> Customize >> Themes Settings >> No Result Found



1. No Result Found Title: Here you can add No Result search title.

2. No Result Found Content: Here you can no result search content

In this way you can setup no result section.


Setup Header Logo

In order to proceed with Header Logo, follow the below steps

Go to Appearance >> Customize >> Site Identity

Here you select the logo and size for logo of the theme


Setup Topbar Section

In order to setup Topbar section, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Topbar Section

Here you can add Add Location Icon, Add Location Text, Cart Icon, Search Open Icon, Search Close Icon, Add Phone Icon, Add Phone Text, Add Phone Number, Add Email Icon, Add Email text, Add Email Address, etc.



For the sticky header of the theme click on checkbox for the theme.


Once you have done with this you will see the topbar on your front page.



In this way you can setup Topbar Section

Setup Social Icons

In order to Setup Social Icons, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Social Icons

Here you can add Add Social Icons, .


It will appear like this on the front end.

Setup Footer Text Section

In order to proceed with setup Footer Text Section, follow the below steps.

Go to Appearance >> Customize >> Themes Settings >> Footer Text Section


For show or hide Scroll Top Button, click twice on the checkbox and select the position for scroll top button, scroll top bg color and scroll top button font size etc .


In order to proceed with copyright text.


Here you can add the copyright text , copyright text alignment, copyright font size and padding for copyright text, copyright text color and shoe/hide copyright etc.


Once you add copyright text your footer text section will look like this.


Setup Woocommerce

In order to proceed with Woocommerce , follow the below steps.

First, you need to download woocommerce plugin from the site Wordpress.org . Next, you need to go to WordPress admin and visit Plugin.

You will see a success message like this after installation is finished.Once installed, you need to click on the Activate Plugin link to start using the plugin.

Go to Appearance >> Customize >> WooCommerce Settings


Here You can click the checkebox if you want to show / hide woocommerce page sidebar.


Here You can click the checkebox if you want to show / hide single product page sidebar.


In this way you can setup Woocommerce Section.

Page Templates and Sidebars


Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Custom home (the custom home page template with a right sidebar position)
  • Page with Left Sidebar (a page templates with left sidebar position)
  • Page with Right Sidebar (a page template with right sidebar position)

Posts, Categories and Post Formats

Adding category

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.Click the Publish button.

Creating a Blog post


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Custom Widgets

For creating footer section,

Go to Dashboard >> Appearences >> widgets