Perfect Ecommerce-Pro

Introduction

Thank you for using our perfect-ecommerce-pro WordPress Theme. We are very glad that you have chosen our perfect-ecommerce-pro WordPress theme for your website.

perfect-ecommerce-pro theme is a clean, super flexible and fully responsive WordPress Theme.

This document written very carefully by keeping mind set that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main section.

1) Getting Started : This section will very help full for Quick start and understand how setup theme
2) Detailed Document : This section explains every thing about theme with every settings.
3) Other : This section provides information about miscellaneous item like theme features etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@luzuk.com

LZ Software Company wordpress theme
We offer theme customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

Step One

To install this theme you must have a working version of WordPress already installed. For information regarding to install the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

1. Installation Via WordPress Admin area

  • Step 1. Log into your WordPress admin area.
  • Step 2. Go to Dashboard >> Appearance >> Themes.
  • Step 3. Click on Add New Theme button at top.
  • Add New Theme
  • Step 4. Now, Hit Upload Theme button at top and upload.
  • Step 5. Click on Activate once upload has finished.

Step Two

2. Installation Using FTP

  • Step 1. Download perfect-ecommerce-pro.zip file from your My Account luzuk.
  • Step 2. Extract Zip file.
  • Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  • Step 4. Go to Dashboard » Appearance » Themes and find perfect-ecommerce-pro theme from list
  • Step 5. Click on Activate to active perfect-ecommerce-pro theme.
  • Active Theme

Detail Document

Setting Up Home Page

This section will help you to arrange home page and other pages of your site. This will also guide to you as how to setup WordPress Menus, Create a Slider/Banner, Create Home Page, Use of Page Templates and insertion of shortcode in pages.

  • Step 1: Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute as shown in below image
  • Home Page Setting
  • Step 2: Publish this page
  • Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
  • Front Page Home

Header Setting

  • Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Site Logo/Title/Tagline
  • a. You can add logo from Select Logo button for set logo
  • b. You can add Site Title and Tagline
  • c. Set logo Max Width
  • d. Select Tagline Color
  • set Header logo
  • Step 2. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
  • a. Select Header Background Colors
  • set Header bg
  • b. Select Header Padding
  • set Header padding
  • c. Add Discount Text & Colors
  • set Header padding
  • d. Set Header Banner Settings & Colors
  • set Header padding
  • e. Set Header Search Settings & Colors
  • set Header padding
  • f. Set Header Product Category Settings & Colors
  • set Header padding
  • g. Set Header Cart Colors
  • set Header padding
  • Step 3. Go to Dashboard >> Appearance >> Menus.
  • 1. Click on create a new menu as show in below image.
  • 2. Enter menu name and click on Create Menu as shown in below image.
  • Create a Menu
  • 3. Select Pages like Latest Blog, Party, RSVP, We, Our Story from left Side and click on Add to Menu button as show in below image
  • 4. After selecting pages select menu location and click on save menu.
  • Final Step in Menu
  • 5. Click on Manage Locations as show in below image.
  • a. Click on Use new menu
  • Final Step in Menu
  • b. Add Menu Name
  • c. Click on Create Menu button.
  • Final Step in Menu
  • Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
  • set Header menu
    set Header menu
  • Responsive Header Color
  • set Header menu
  • Primary Menu Front Preview
    Final Step in Menu
  • Final display of Header

    Final display of header

Create Slider

  • Step 1. Go to Dashboard >> Slider
  • Step 2. Click on Add New button
  • Step 3. Add the slider name.
  • Step 4. Add the slider text.
  • Step 5. Add slider button link.
  • Step 6. Add slider button text.
  • Step 7. Add the featured image as a slider.
  • Step 8. Click on 'update' button at top right of page. And Enjoy the Slider.
  • Add New Slider

Way To Manage slider content:

  • Step: Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
  • 1. Hide content Off:
  • 2. Select Colors
  • Create New Slider
  • 3. Select Slider Text Color
  • Create New Slider
    Create New Slider

    Final display of Slider

    Final display of slider

Set Product Block One Settings

(1) Set Product Banner Settings

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Product Block One
  • 1. Click on button Disable Section or Enable Section
  • 2. Select background colors or background image
  • set problock1 Section
  • 3. Set Section Padding Setting
  • set problock1 Section
  • A. Banner One Setting
  • (a) Select background colors or background image
  • set problock1 Section
  • (a) Add Title
  • (b) Add Sub Title
  • (c) Select Colors
  • (d) Select Image
  • (e) Select Image Link
  • set problock1 Section
  • B. Banner Two Setting
  • (a) Select background colors or background image
  • (b) Select Product Image
  • set problock1 Section
  • (a) Select Image Link
  • (b) Add Title
  • (c) Add Sub Title
  • (d) Select Price & Text
  • set problock1 Section
  • C. Banner Three Setting
  • (a) Select background colors or background image
  • (b) Select Product Image
  • set problock1 Section
  • (a) Select Image Link
  • (b) Add Title
  • (c) Add Sub Title
  • (d) Select Colors
  • set problock1 Section

    (2) Set Support Settings

  • (a) Select Number of support
  • (b) Select Icon
  • (c) Add Title
  • (d) Add Description
  • set problock1 Section
  • (e) Select Colors
  • set problock1 Section

    (3) Set Featured Product Settings

    All featured products are display here

  • 1. Go to Dashboard >> Products >> Add New
  • (a) Add Product name
  • (b) Add Category
  • set problock1 section
  • (c) Add Regular Price
  • (d) Add Product Short Description
  • (e) Add Product Image
  • set problock1 section
  • 2. There are having two steps to display Featured Products
  • (a) Click (select) on STAR
  • set problock1 section
  • (b) click on Quick Edit
  • (i) click on check box Fetured
  • set problock1 section
  • 3. Go to Dashboard >> Appearance >> Customize >> Home section >> Product Block One >> Featured Products
  • (a) Add Heading
  • (b) Select Colors
  • set problock1 section
    set problock1 section
    set problock1 section

    (4) Set Client Logo Settings

  • (a) Select Number of client logo to show
  • (b) Select Image
  • set problock1 Section

    Final display of Product Block One Section

    set services section

Set Offer Bar Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >>Offer Bar Section
  • 1. Click on button Disable Section or Enable Section
  • 2. Set Section Padding Setting
  • set Offer Bar Section
  • 3.Select background color & background image
  • set Offer Bar Section
  • 4. Add Offer text & colors
  • set Offer Bar Section
  • 5. Button Text Setting
  • set Offer Bar Section

    Final display of Offer Bar Section

    set Offer Bar section

Set Product Block Two Settings

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Product Block Two
  • 1. Click on button Disable Section or Enable Section
  • 2. Select background colors or background image
  • set problock2 Section
  • 3. Set Section Padding Setting
  • set problock2 Section

    (1) Set Top Category Product Settings

  • (a) Select category to show products
  • set problock2 Section
  • (a) Add Label
  • (b) Select Colors
  • set problock2 Section
    set problock2 Section
    set problock2 Section

    (2) Set Product Banner Settings

  • A. Banner One Setting
  • (a) Select background colors or background image
  • (b) Select Product Image
  • set problock2 Section
  • (a) Select Image Link
  • (b) Add Sell
  • (c) Add Title
  • (d) Add Offer
  • (e) Add Price & Text
  • set problock2 Section
  • B. Banner Two Setting
  • (a) Select background colors or background image
  • (b) Select Product Image
  • set problock2 Section
  • (a) Select Image Link
  • (b) Add Sell
  • (c) Add Title
  • (d) Add Price
  • set problock2 Section
  • (e) Select Colors
  • set problock2 Section

    (3) Set Recent Product Settings

    All recent products are display here

  • 1. Go to Dashboard >> Products >> Add New
  • (a) Add Product name
  • (b) Add Category
  • set problock1 section
  • (c) Add Regular Price
  • (d) Add Product Short Description
  • (e) Add Product Image
  • set problock1 section
  • 3. Go to Dashboard >> Appearance >> Customize >> Home section >> Product Block Two >> Recent Products
  • (a) Add Heading
  • (b) Select Colors
  • set problock2 section
    set problock2 section
    set problock2 section

    Final display of Product Block Two Section

    set problock2 section

Set Category Settings

  • Step 1. - Go to Dashboard >> Products >> Categories >> Add New
  • (a) Add Category name
  • (b) Add Category description
  • (c) Add Category image
  • (d) Click on Add New Category button
  • set category section
  • Step 2. Go to Dashboard >> Appearance >> Customize >> Home section >> Top Category Section
  • 1. Click on button Disable Section or Enable Section
  • 2. Select background colors or background image
  • set category Section
  • 3. Set Section Padding Setting
  • set category Section
  • (a) Add Title
  • (b) Select Colors
  • set category Section
    set category Section

    Final display of Category Section

    set category section

Set Offer Banner Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >>Offer Banner Section
  • 1. Click on button Disable Section or Enable Section
  • 2.Select background color & background image
  • set Offer banner Section
  • 3. Set Section Padding Setting
  • set Offer banner Section
  • 4.
  • (a) Select Left image
  • (b) Add Text
  • (c) Add Title
  • (d) Add Sub Title
  • (e) Select Colors
  • set Offer banner Section
  • 5. Button Text Setting
  • set Offer banner Section
  • 6. Select Right image
  • set Offer banner Section

    Final display of Offer Banner Section

    set Offer Banner section

Set Blog Section

  • Step1. Go to Dashboard >> post >> Add New
  • (a) Add Post title
  • (b) Add Post content
  • (c) Select Categories
  • (d) Select Tag
  • (e) select Featured Image
  • (f) Publish
  • set blog custm Section
    set blog custm Section
  • Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
  • 1. Click on button Disable Section or Enable Section
  • 2. Select background image and background color
  • set Blog section
  • Step 3. Set Section Padding Setting
  • set blog Section
  • (a)Add Heading for section
  • (b)Select colors
  • set Blog section
  • (b) Select Number of post to show
  • (c) Select colors
  • set Blog section
    set Blog section

    Final display of Blog Section

    set blog section

Set Contact Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Contact Section
  • 1. Click on button Disable Section or Enable Section
  • 2. Set Section Padding Setting
  • set Contact Section
  • (a)Add Heading
  • (b)Add Sub Heading
  • (c)Select Colors
  • set contact section
  • (d)Add Phone Label
  • (e)Add Phone Number
  • (f)Select Colors
  • set contact section
  • (g)Add Form Shortcode
  • (h)Select Colors
  • set contact section
    set contact section

    Final display of Contact Section

    set Contact section

Set Inner Page colors

  • Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> colors
  • set inner page section
    set inner page section
    set inner page section
    set inner page section
    set inner page section
    set inner page section

Set Inner Page Setting

  • 1. Go to Dashboard >> Appearance >> Customizer >> General Configuration >> Inner Page Settings
  • a.Set Header Title Box Padding:
  • set inner page fonts
  • b.Set Heading Fonts:
  • set inner page fonts

Set Section Sequence

  • Step1. Go to Dashboard >> Appearance >> Customizer >> Section Sequence
  • Step2. Replace Section Name
  • set section sequence

Set Post Page Setting

  • Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Blog Page Settings
  • (A). Post Heading Font Size Settings
  • set postdate
  • (B). Post Date On Settings
  • (1) click on Show Post Date button
  • (2) click on publish button
  • (C). Post Social Media On Settings
  • (1) click on Show Post Social Media button
  • (2) click on publish button
  • set postdate

    Page With Post Date & Socials

    set post date
  • (B). Post Date Off Settings
  • (3) click on Hide Post Date button
  • (4) click on publish button
  • (C). Post Social Media Off Settings
  • (3) click on Hide Post Date button
  • (4) click on publish button
  • set post date

    Page Without Post Date & Socials

    set postdate
  • (D). Select Blog Page Colors
  • set postdate
  • (E). Post Button Display & Text Settings with colors
  • set postdate

Set Shop Page Setting

Shop Page Sidebar on / Off

  • Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Shop Page Sidebar Settings
  • (1) click on Show Sidebar button
  • (2) click on publish button
  • set Breadcrumb

    Shop Page With Sidebar

    set Breadcrumb
  • (3) click on Hide Sidebar button
  • (4) click on publish button
  • set Breadcrumb

    Page Without Sidebar

    set Breadcrumb

    Product Category Page Look

    set procatpage

    Single Product Page Look

    set singlepropage

Setting up Page Template

  • Step 1. Go to Dashboard >> Page
  • Step 2. Go to Add New button
  • set Page Template
  • Step 3. select template at right bottom of page
  • select template

Inner Pages

Pages

Setting up full width page

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select Default template at right bottom of page
  • Step 4. Add Title for page
  • Step 5. Add Content for page
  • Step 6. Select Featured Image
  • Step 7. Click Publish button
  • select Full Width Page template

    Full Width Inner Page

    select Full Width Page template

Setting Page with background color

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select Default template at right bottom of page
  • Page with background color
  • Step 4. Select Page background color
  • Step 6. Click Publish button
  • Page with background color

    Page with background color

    Page with background color

Setting Page with background Image

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Page with background image
  • Step 3. Select Default template
  • Step 4. Select Featured Image
  • Page with background image
  • Step 5. Select Page background Image
  • Step 6. Click Publish button
  • Page with background image

    Page with background Image

    Page with background image

Setting page with left sidebar

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select Page With Left Sidebar template at right bottom of page
  • Step 4. Select Featured Image
  • Step 5. Click publish button
  • select Page With Left Sidebar template

    Page With Left Sidebar Inner Page

    select Page With Left Sidebar template

Setting page with right sidebar

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select Page With Right Sidebar template at right bottom of page
  • Step 4. Select Featured Image
  • Step 5. Click publish button
  • select Page With Right Sidebar template

    Page With Right Sidebar Inner Page

    select Page With Right Sidebar template

Blog

Setting up full width blog

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select Blog Full Width template at right bottom of page
  • Step 4. Click publish button
  • select Blog Full Width template

    Blog Full Width Inner Page

    select Blog Full Width template

Setting blog with left sidebar

  • Step 1. Go to Dashboard >> Page
  • Step 2. ClickAdd New button
  • Step 3. Select Blog With Left Sidebar template at right bottom of page
  • Step 4. Click publish button
  • select Blog With Left Sidebar template

    Blog With Left Sidebar Inner Page

    select Blog With Left Sidebar template

Setting blog with right sidebar

  • Step 1. Go to Dashboard >> Page
  • Step 2. ClickAdd New button
  • Step 3. Select Blog With Right Sidebar template at right bottom of page
  • Step 4. Click publish button
  • select Blog With Right Sidebar template

    Blog With Right Sidebar Inner Page

    select Blog With Right Sidebar template

    Blog category page

    select Blog With Right Sidebar template

Contact Us

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select Contact Page template at right bottom of page
  • Step 4. Click publish button
  • select Contact Page template
  • Step 5. Go to Dashboard >> Appearance >> Customize >> Contact Us Page
  • (1) Set Contact Heading Font Size
  • (2) Fill Contact block details
  • select Contact Page template
  • (3) Fill Address block details
  • select Contact Page template
  • (4) Fill Form block details
  • select Contact Page template
  • (5) Select Contact Colors
  • select Contact Page template
    select Contact Page template
  • (6) Fill Social block details
  • select Contact Page template
  • (7) Fill Social media links
  • select Contact Page template
  • (8) Select Socials Colors
  • select Contact Page template

    Contact Us Inner Page

    select Contact Page template

Site Map

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select Site Map template at right bottom of page
  • Step 4. Click publish button
  • select Contact Page template

    Final Display Of Site Map

    select Contact Page template

Shortcodes

Setting up Team Shortcode

  • Step 1. Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Team Shortcode "[TEAMLIST]"
  • (iii) Select Default template at right bottom of page
  • (iv) Click publish button

  • Step 2. Used Team shortcode in page
  •  Team
  • Step 3. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Color Settings Shortcode page >> Set Team Shortcode Page Colors:
  • - Select colors
  •  services
     services

    After adding shortcode Team look

    Team

Setting up Testimonial Shortcode

  • Step 1. Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Testimonial Shortcode "[TESTIMONIALS]"
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2. Used Testimonial shortcode in page
  •  testimonial
  • Step 3. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Color Settings Shortcode page >> Set Testimonials shortcode Page colors:
  • - Select colors
  •  services

    After adding shortcode Testimonial look

    testimonial

Setting up FAQ'S Shortcode

  • Step 1. Go to >> Dashboard >> FAQS >> Click on Add New Button
  •  testimonial
  • (i) Add FAQ Title
  • (ii) Add FAQ Description
  • (iv) Click On Publish Button
  •  testimonial
  • Step 1. Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add FAQ'S Shortcode "[FAQS]"
  • (iii) Select Default template
  • (iv) click publish button

  • Step 2. Used FAQ shortcode in page
  •  testimonial
  • Step 3. Go to Dashboard >> Appearance >> Customizer >> General configuration >>Color Settings Shortcode page >> Set Faq Shortcode Page Colors:
  • - Select colors
  •  services
     services

    After adding shortcode FAQ'S look

    testimonial