Smile. Documentation

+ Expend All - Collapse All


We would like to thank you for purchasing Smile Woocommerce Theme! We are very pleased you have chosen Smile WordPress for your website, you will be never disappointed! Before you get started, please be sure to always check out this documentation. We outline all kinds of good information, and provide you with all the details you need to use Smile WordPress. Smile WordPress can only be used with WordPress and we assume that you already have WordPress installed and ready

Some more resources from WordPress Codex:

- Created : 13/01/2019

- Latest update : 25/02/2019

- By : Mahmoud Ragab

- Email :


- WordPress 4.0 or higher.

- PHP 5.4 or higher.

- MySQL 5 or higher.

- Memory Limit 128M or higher.


1 - WordPress Installation (Recommended)

Step 1

- After downloading the package from themeforest you need to unzip the file and find the file

- That is the theme package file for installation.

- Note: If you choose to download "Installable WordPress file only" then the zip file you get will be the file you used to install the theme.

Step 2

- In WordPress Dashboard, Go to Appearance -> Themes.

Step 3

- Click To Add New

- After that, click to Upload Theme

Then, click to Browse or Choose file and find to and finally click Install Now

Step 4

Click Activate to finish.

2 - Manual Installation.

Step 1 - Download ZIP package file from Themeforest as step 1 of install with WordPress

Step 2 - In unzipped folder you will find file unzip it.

Step 3 - Simply upload the unzipped "smile-store" folder to /wp-content/themes/ folder on your server via FTP.

Step 4 - Login to your Dashboard, go to Appearance/Themes menu and active Appearance theme

Required Plugins

Once you have installed and activated our theme you will be prompted to install required and recommended plugins. Just click the link to Begin installing plugins.

- One Click Demo Import

- Redux Framework

- Smile Features

- WooCommerce

STEP 1 - Select All Plugins

STEP 2 - Select Install

STEP 3 - Click To Apply

Upload Demo Content

1 - Imoprt Demo Content

1- Go To Appearance >> Import Demo Data

2- Choose Demo Content.

1 - Accessories Accessories Content With Images,Colors And Options

2 - Furniture Furniture Content With Images,Colors And Options

3 - Without Content Furniture Content Without Images

2 - Assign Shop Pages

1- Go To WooCommerce >> Settings From Pruducts Tab Select Shop Page : Shop

2- Go To WooCommerce >> Settings From Advanced Tab Select :
Cart page : Cart
Checkout page : Checkout
My account page : My account

General Settings

Go To Smile Option > General Settings

1 - Kind Of Logo Select What Kind Of Logo SVG Or Image

2 - Logo SVG Icon If You Select SVG Type Your Icon Prefix

3 - Logo SVG Icon Typography Size Icon

4 - Logo Image If You Select Image Upload Your Logo

5 - Fav Icon Upload Your favourite Fav icon

6 - Upperbar Satus Set Upperbar Enable Or Disable

7 - Upperbar Background Color Set Your favourite Background-color To Upperbar

8 - Upperbar Color Set Your favourite color To Upperbar

9 - Notification Type Your Notification Text

10 - Notification Link Type Your Notification Link

11 - Words Under Logo This Words Will Be Show Under Logo
NOTE : do not forget Separate By Comma

12 - Top Sale ID Type Your Product ID
Get This From Products > All Products And Hover Product The ID Will Be Show
NOTE : Product Must Have Sale

13 - CSS Code Type Your Css Code, This Will Goes Inline Header

Main Colors

Go To Smile Option > Colors > Background Colors

1 - Main Background Set Your Favorite Background-Color To Your All Pages

2 - Components background Set Components Background-Color

3 - Border background Main Border Color

> Main 5 Colors

Shoose Your Five Main Colors

> Other Colors

Shoose Your Other Colors


Go To Smile Option > General Settings > Preloaders

1 - Main Color Set Your Favorite Main Color To All Preloaders

2 - Secondary Color Set Your Favorite Secondary Color To All Preloaders

3 - Size Preload Size

4 - PreLoader Select Your Favorite Preloader


Go To Smile Option > Typography > Main Fonts

1 - Import Google Font Globally Import All Your Favorite Fonts From Google Fonts

2 3 4 5 6 7 8 9 Set Your Typograhgy Settings

> Fonts Colors

Set Fonts Colors


Go To Smile Option > Homepages > Settings

1 - Select Homepage Choose Your Homepage

2 - Background Categories Set Gradient Background To All Categories

3 - Brief About Us Set Title And Other Info To This Section

4 - Testimonials Set Title And Other Info To This Section


Go To Smile Option > Headers

1 - Select Header Choose Your Header

2 - Add/Edit Images Upload All Images Will Be Show In Header
NOTE : Recommended Size 700x200


Go To Smile Option > Footers

1 - Select Footer Choose Your Footer

2 - Show Categories By Image Show Categories By Image Enable Or Disable

3 - Show Footer Copyright Show Lowwer bar Enable Or Disable

Helper Function

Some Ready Functions To Help

	// Get Current Preload Animation
	function smile_get_main_preload_animation();
	// Botton Quick View Product In Loop
	function smile_button_queck_view_in_loop();
	// Get Queck View Button To This Product
	function smile_get_queck_view_button();
	// Botton Add To Cart In Loop
	function smile_button_add_to_cart_in_loop();
	// Botton Like/unLike
	function button_like_and_unlike_in_loop();
	// Like Button In Single Product
	function smile_like_button_in_single_product();
	// Botton WhiteList In Loop
	function button_whiteList_in_loop();


To Get About Us Page Content


To Get Contact Page Content


To Get Portfolio Page Content


To Get Services Page Content


To Get Whitelist Page Content


Set Help Page Upper Part

[smile_help_top_page icon='Icon' title='Title' text='Text']

Set Help Page Questions & Answers

[smile_question_answers question='Question' id='one']Answer[/smile_question_answers]

Help Page Bottom Part