Blog

smartshop-wordpress-theme

 

SmartShop is a mobile responsive and versatile WordPress theme for building an engaging and sophisticated online store in WordPress.

SmartShop comes with built in support for WooCommerce and Easy Digital Downloads plugins. This theme is complete suite for your online and offline business.

 

Features of SmartShop Lite

  1. Unlimited Color schemes.
  2. Styling and support for WooCommerce and EDD.
  3. Multiple layout options.
  4. Styling for Contact Form 7, Soliloquy Lite and Envira Gallery Lite.

 

You can see full feature list of SmartShop Lite theme here.

 

Click here for Demo Site

 

Install and activate SmartShop Lite

Since SmartShop Lite is a free theme, you can download .zip file from wordpress.org. You can also check our previous WordPress guide on how to install and activate theme on WordPress.

 

Installing Required Plugins

When you activate the theme you will see the the following message on your dashboard:

 

Install-recommended-plugins

 

  1. Click on Begin Installing plugins.
  2. You’ll see redirect to the page where you will see the list of all the recommended plugins (Contact Form 7, Soliloquy Lite and Envira Gallery Lite).
  3. Install and activate the recommended plugins.

 

Setting a Static Front Page

SmartShop Lite uses Static Front page option for displaying the content and widgets of home page of your site.

  1. Go to Pages >> Add New. Create “Home” Page and publish it.
  2. Create another page “Blog” and publish it.
  3. Go to Settings >> Reading panel.
  4. Set Front page displays to a static page.
  5. Select Home front page and Blog as posts page and save the changes.

 

static-front-page

 

Customize SmartShop Lite

The theme adapts unique live customization feature which makes the customization process super easy. You can see all the changes made in real time.

 

Setting up Site title, tagline and Header image

Enter the title and tagline of site that suits your business identity or add logo of your business in Header image section.

You can also select header color from the color picker.

 

Setting up Theme layout, Color and Background Settings

Select any layout from the given two options: Boxed or Full width. You can also add background image if you will select Boxed layout.

 

Theme-layout-and-color-options

There are wide range of color options available. Select the color from color picker that suits your business identity.

 

Setting up Front Page featured posts

 

Front-page-featured-posts

  1. Enter the Title and number of posts to display on the home page of your website.
  2. Select the category to display posts category wise (optional).
  3. Enter posts Read more link text.

 

Products on Front page

WooCommerce

This option is used to display WooCommerce products on the home page of your website.

  1. Simply activate the WooCommerce plugin.
  2. Enter the title, number of products, featured product description (if you want to) like above screenshot.

 

Easy Digital Downloads

To display digital products (or products of EDD plugin), you will use this section.

EDD

You’ll see this section when EDD plugin is activated on your website.

  1. Enter the number of products, Featured products title and description.

Note: If you deactivate EDD plugin, this section will disappear from your customizer.

 

Customizing Widgets

 

Header Widget

 

Header-widget

 

The widget added in this section will appear in the top right section of the header.

  1. Click on Add widget button to enter a widget.
  2. Add HTML tags or simple text you want to display in the right section of the header.

 

Home Featured

 

Home-featured

 

This section will appear below the navigation on the front page. This section is mainly for showcasing featured images in the slider.

  1. Click on Add widget button to enter a Text widget.
  2. Enter the slider shortcode and slider will display on the front page.

Note: It is recommended to create slider using Soliloquy Lite plugin.

 

Home CTA

  1. Click on Add widget button to enter a Text widget.
  2. Enter the HTML tags or plain text that provokes your customer.

 

Home Sidebar

This section display content at the right of featured posts. This section is mainly designed to display contact form.

  1. Click on Add widget button to enter a Text widget.
  2. Enter the shortcode of the contact form in the text widget or you can add any thing you want to add.

 

Home #

 

Home-#1

 

This section is mainly designed to showcase your services and products.

  1. Click on Add widget button to enter a Text widget.
  2. Enter HTML tags or simple text. You can also add Font Awesome icons as shown in above screenshot.

Note: This theme provides you sections to showcase your services.

 

Footer Widget

 

Footer-#1

 

The three column Footer Widget content as in Demo site comes from the following steps:

  1. Add the widgets like Recent Comments etc. you want to display in Footer #1.
  2. Similarly add widgets in Footer #2 and #3

 

SmartShop Shop Page

To create a Shop page on your website, either WooCommerce or EDD plugin is compulsorily installed on your website.

When you installed WooCommerce plugin, there is an option to install WooCommerce pages. Click there and install all the pages.

 

EDD-Shop

 

When you installed EDD plugin, you have to select the template on the page where you want to display the products. As you can see in above screenshot, we select template store on Shop page.

This will select EDD shop page on your website. To select WooCommerce shop page, you only need to activate the plugin. There is no need to select the template.

 

When you’re done with all the settings, click on Save and Publish button.

 

If you’ve got any queries related to theme or this tutorial, feel free to ask via support page or comment section below.

About author

Kriti Jain

Kriti is a passionate blogger and WordPress wanderer. She explores WordPress everyday and shares her findings with the web world.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>