Kidshop Free Documentation

Thank you so much for downloading

Kidshop Free Wordpress theme!

This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document if you are experiencing any difficulties.

Get started!

 

Getting started

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

Installation

Upload via ftp:

First, unzip the zip archive you downloaded on your computer. Search the folder named Kidshop-free.zip. Open this archive and upload the kidshop folder to your server via ftp to the   /themes/ directory on your Wordpress installation. (wp-content > themes)

Upload via Wordpress admin:

Go to your Wordpress admin, and in the Appearance-panel, choose Add New Themes. Click Add new. Upload the kidshop.zip. Do not upload the zip archive you downloaded. Upload only the kidshop.zip file. If you have a "missing stylesheet" issue you are uploading the wrong file!

Installing WordPress  https://codex.wordpress.org/Installing_WordPress

Basic Settings

General Settings (logo, favicon & more)

In Kidshop > Theme options > General tab you can set the basic settings of the theme:

• Turn on/off the responsive layout: I suggest you to active the responsive layout to have a theme that works fine with the mobile devices.
• Upload your custom favicon: a 16px square image for your url bar
• Turn on/off the custom logo: if you enable the custom logo, you have to upload your logo image. If you turn off the custom logo, you have to enter a text for your logo in Settings > General.
• Turn on/off the description under the logo: you can enter a tagline text in Settings > General.

Set the footer layout and content

You can use a footer with centered-align text or with text on the right/left side.

In our demo we are using the 2 columns footer.

The footer can be customized in Kidshop Free > Theme options > General > Footer.

Set the Top bar

In this theme is available a Header sidebar, that you can find in Appearance > Widgets.

Setting up pages and posts

Common settings

On each page, below the page content, there is a Page settings table that allows you to set interesting settings on the page.

Settings tab

In settings tab you're able to configure if you'd like to show page title or breadcrumbs and the layout type choosing from (left sidebar, right sidebar, no sidebar). If you select a layout with sidebar, you will be able also to choose the sidebar to use.

Header tab

Header tab enables you to select a static image for the page.

Setting up the home page

To start with Kidshop Theme you have to create a new page for your home page.

It's important that Wordpress is set up to display a static page as home page. You can set this in Settings > Reading. Choose 'static page' and select the page you created for the home in the select menu.

Each home page makes use of Home template so, before you customize the page, you need to select that template from the right side menu. The image below shows the right way to choose the template.

Note: for a correct representation of our home pages, it is highly recommended to activate HTML editor instead of Visual Editor like on the image below.

Setting up the blog page

1. Go to Page > Add new to create a new page
2. Give it a title, for example "Blog"
3. Select the Blog template from the Template menu on the right side
4. Click publish

You do not need to enter any content on this page. This will be your blog index page, and will list your blog posts in chronological order. You can create your posts in Posts > Add New.

You can customize the layout and appearance of the blog page in Kidshop > Theme options > Blog > Settings:

• Exclude categories: set which categories of posts you want to hide from the "categories" widget in the sidebar (if you use this widget) and from the blog page.
• Show featured image: Select if you want to show the featured image of the post.
• Show featured image detail: Select if you want to show the featured image of the post when on single page.
• Show date: Select if you want to show the date of the post.
• Show author: Select if you want to show the author of the post.
• Author icon: Select the icon to use for the author.
• Show comments: Select if you want to show the comments number of the post.
• Author comments: Select the icon to use for the comments.
• Show tags: Select if you want to show the tags of the post.
• Tags icon: Select the icon to use for the tags.
• Show read more button: Select if you want to show the read more button below the post.

Setting up a testimonials page

Set a testimonial posts

• Create a new post by going to Testimonials > Add New;
• Enter a title;
• Enter content in the editor;
• Select the image of the testimonial using the featured image panel;
• Optional: enter the url and the label of the testimonial's site;
• Publish post.

Creating a testimonial page

1. Create a new page by going to Page > Add New;
2. Give the page a title;

 

Now create a new shortcode by clicking on the "Shortcode" button:

Click on "Post types" tab and then on "Testimonials" icon. A new window will be opened.

Choose how many items you want to display (leave -1 to show all) and click on "Insert shortcode" button.

A new shortcode will be added to your content area: [testimonials items="-1" ]

Shortcodes

This is a list of some shortcodes of this theme. Insert this code in the editor of your page.

Widgets

Twitter

[twitter username="MyUsername" consumer_key="ConsumerKey" consumer_secret="ConsumerSecret" access_token="AccessToken" access_token_secret="AccessTokenSecret" items="3" class="last-tweets-widget" time="yes" ]

Sidebar

In this theme you'll find 5 preset sidebars:

1. Default sidebar
2. Topbar Left sidebar
3. Topbar Right sidebar
4. Header sidebar
5. Home Row sidebar
6. Faq sidebar
7. Blog sidebar
8. 404 sidebar
9. Contact sidebar
10. Footer Row sidebar
11. Shop Sidebar

 

The default sidebar is the preset sidebar that you can find in your pages when you set a page with "sidebar right or left" layout without to select a sidebar to assign. Put a widget in the default sidebar to display it on your page instead of the static wordpress sidebar with blogroll, search and so on.

 

Custom widgets

5 custom widgets are provided with the theme. These are:

1. Last Tweets: show a section with your last tweets;
2. Testimonials: slider with latest testimonials;
3. Almost all categories: hide some categories from the blog;
4. Contact Info: display your contact info in the sidebar;
5. Mini Search: display a mini search area in the sidebar;
6. Yit cart: display the user's Cart in the header of the page

Localization

This theme is ready for localization via .po/.mo files, and works with the WPML plugin.

If you are not familiar with translating Wordpress themes, I recommend you reading this article: https://codex.wordpress.org/Translating_WordPress

WPML Configuration

This is the best configuration to operate WPML plugin.

Change the language of Kidshop for dummies

1. Check the values of your wp-config, the language of this file must match to your translation;
2. Find the folder languages of the theme
3. Duplicate default.po
4. Rename your copy of default.po example: fr_FR.po for France, en_EN.po for English, he_HE.po for hebraic, and so on.
5. Download POEdit
6. Open your file with the POEdit software
7. Translate your file
8. In File click on Preferences and tick Automatically generate mo
9. Save your file
10. Send the new .mo and .po via FTP to your server, in the folder languages of the theme

Setting up the menu

This theme uses wp-nav-menu for building menus. You find this in Appearance > Menus.

For more info on how to setup your menu in WordPress see https://codex.wordpress.org/Appearance_Menus_SubPanel

 

Building the menu

1. Go to Appearance > Menus
2. Enter a name for your menu
3. Click on Create Menu



4. Now in the Theme Location select the menu you just created
5. Click on Save



6. Now tick the pages you want to add to menu and click Add to Menu

When you add all pages to your menu, you can drag/drop and order pages.

Version 1.3.6 - Released: Nov 04, 2015

1. Added: WooCommerce 2.4.8 support

Version 1.3.5 - Released: Oct 22, 2015

1. Added: WordPress 4.3 support
2. Added: WooCommerce 2.4.x support
3. Added: YITH Essential Kit for WooCommerce support

Version 1.3.4 - Released: Jul 27, 2015

1. Added: WooCommerce 2.3.13 support

Version 1.3.3 - Released: Apr 28, 2015

1. Added: Wordpress 4.2 compatibility
2. Added: WooCommerce 2.3.8 support
3. Fixed: Wp security issue

Version 1.3.2 - Released: Apr 13, 2015

1. Added: YITH WooCommerce Wishlist
2. Added: YITH WooCommerce Zoom Magnifier
3. Added: YITH Woocomerce Ajax Search
4. Added: YITH Woocomerce Order Tracking
5. Added: YITH Woocomerce Pdf Invoice
6. Added: YITH Woocommerce Advanced Reviews
7. Added: YITH WooCommerce Cart Message
8. Added: Yith Woocomerce Stripe
9. Added: Yith Woocomerce Authorize.net
10. Added: Yith Woocomerce Review Reminder
11. Removed: "core/yit/Metabox.php" file

Version 1.3.1 - Released: Mar 25, 2015

1. Added: Support to WooCommerce 2.3.7

Version 1.3.0 - Released: 02/23/2015

1. Added: Support to Wordpress 4.1.1
2. Added: Support to WooCommerce 2.3.5

Version 1.2.0 - Released: 02/05/2015

1. Added: Support to Wordpress 4.1
2. Added: Support to WC 2.2.11

Version 1.1.1 - Released: 03/26/2014

1. Fixed: style woocommerce product widget
2. Fixed: header topbar background
3. Fixed: header responsive
4. Fixed: responsive cart page

Version 1.1.0 - Released: 03/04/2014

1. Added: Support to Wordpress 3.8
2. Added: Support to WC 2.1
3. Removed: call to shortcode Share
4. Fixed: missing 'add to cart' on product details page e shop page
5. Fixed: missing widget cart in header
6. Fixed: missing product price and product name on shop page

Version 1.0.0

1. Initial release.

Shop

This theme is based on the WooCommerce plugin. You can search it in your plugin area, install and active it.

In our support forum there are a complete videoscreencast that can help you to set your store: how to create product's categories, how to add products and change the style of your product page (and the style of the products thumbnails) and so on.