Babystreet - Premium WordPress / WooCommerce theme by AlThemist

Modern, professional e-commerce theme for Kids and Baby shops



Thank you for purchasing Babystreet - Premium WordPress theme by AlThemist. We hope you'll enjoy working with it. Before you get started with Babystreet, please be sure to always check these documentation files. We tried to make it as easier as possible to handle the Babystreet theme and almost every feature is deeply explained with visual materials to help you get started.

Can't find the answer you need in the theme documentation? We've got you covered! Do not hesitate to contact us on our support forum or drop us a line in the theme comments on ThemeForest.


 

 

 

 

 

Babystreet Theme is a modern and powerful niche e-Commerce WordPress theme, suitable for all kids and baby online shopping websites, built by proven, world-known e-commerce specialists for both professionals and beginners. The main goal behind creating the Babystreet theme was to offer a sophisticated platform, following the latest tendencies in modern web design. Despite the modern and complex structure, the theme is clean and light by nature so it's suitable for any type of online presence and proves once again that WordPress could be used not only for personal blogs and small projects but also as a fully professional website solution.

Tired of themes that needs an additional expensive plugins/extensions in order to simply function as it should?

Well, this is what Babystreet is all about. The theme comes packed with huge number of customization options and tons of custom, built-in professional features which would cost you additional 350-400 USD if purchased separately. How many times you've bought a great extension and found it doesn't work with your custom theme? Now you have everything built-in and ready to focus on your main business!

Buying Babystreet gives you a lot more than just a WordPress theme:


 

 

 

 

 

 

  • FULLY RESPONSIVE
  • SEO OPTIMIZED
  • FULL WooCommerce INTEGRATION
  • DRAG AND DROP PAGE BUILDER
  • REVOLUTION SLIDER
  • GROUPON-LIKE DEALS WITH COUNTDOWN
  • 100% WPML READY
  • UNLIMITED PORTFOLIOS
  • TONS OF SHORTCODES
  • UNLIMITED COLORS AND BACKGROUNDS
  • WISHLIST INTEGRATED
  • COMPARE FEATURE INTEGRATED
  • FULLSCREEN VIDEO BACKGROUNDS
  • FULLSCREEN BACKGROUND SLIDESHOWS
  • CUSTOM MENUS
  • 3 TYPES OF PRODUCT LISTINGS
  • AJAX SEARCH SUGGESTIONS
  • BUILT-IN PRICE FILTER
  • SAVING CALCULATION ON OFFERS
  • UNLIMITED SIDEBARS
 
  • POST CAROUSELS
  • POST GRIDS
  • POST SLIDERS
  • POST FORMATS SUPPORTED
  • PORTFOLIO WITH RELATED PROJECTS
  • GRID, SLIDE AND MASONRY GALLERIES
  • CUSTOM WIDGET AREAS
  • WIDGETIZED COLAPSIBLE PRE-FOOTER
  • DINAMIC SHOPPING CART POSITIONS
  • SOCIAL MEDIA SHARING
  • GOOGLE FONTS
  • 5 ICON FONTS
  • SLIDING SIDEBLOCKS
  • PAYMENT OPTIONS WIDGET
  • UP-TO 5 POST FEATURED IMAGES
  • PRODUCT IMAGES WITH ANY ASPECT RATIO
  • CLOUZOOM ON PRODUCTS AND PORTFOLIO
  • TESTED WITH ALL MAJOR PLUGINS
  • HIGHLY CUSTOMIZABLE
  • CHARTS AND PROGRESS BARS
 

And many, many more...


 

 

 

 

 

 

Theme Requirements

In order to proceed with the theme installation, you need to make sure you have the latest version of WordPress (4.9.8+) on your self-hosted site. The theme has been built to work with the latest version of WooCommerce (3.5+).

1. Install The Theme

To install this theme you must have a working version of WordPress already installed. For information on installing the WordPress platform, please see the WordPress Codex. Upon downloading the main .zip file from Themeforest, you'll have all files you need inside. Extract the .zip file you downloaded and inside you will find the theme zip file called "babystreet.zip", that is the file you need to install.

Please Note: You can install the theme in two ways: through Wordpress admin, or via FTP. If you have trouble installing the theme via Wordpress, please proceed with installing it via FTP and you will be able to get around the issue.

1.1) Wordpress Installation

Follow the steps below to install via Wordpress.

1.2) FTP Installation

Follow the steps below to install via FTP.

There are known issues with FTP clients for Mac computers which replaces the existing folders instead of merging with the theme folders. I would strongly recommend you to use FileZilla if you are using a Mac computer.

1.3) Importing The theme Demo Data

Importing the theme demo data is as easy as clicking on a single button. Navigate to your WordPress Admin area > Appearance>Theme Options > Import Demo tab and click the button on the left side. Keep in mind that in order to use the demo import feature, you'd need to activate your theme license.

Known Issues & Limitations:

Importing the theme demo data will replace ALL existing content with the demo content!!!
Before you import the data make sure that you use fresh WP installation, the theme is activated and all required and recommended plugins are activated!!!



BASIC WORDPRESS INSTALLATION GUIDE


BASIC WORDPRESS THEME INSTALLATION GUIDE


Install plugins

This theme comes bundled with several plugins and also requires other plugins in order to have the full functionality.

Included plugins
Required plugins
Recommended plugins
Supported plugins

 

 

 

 

 

 

There are two ways to update your theme - Manual and Automatic. Keep in mind that in order to set automatic updates, you'd need to enter your Envato username and Envato API key in the Babystreet Updates tab of the Theme Options .

1. Automatic Updates

In order to get automatic theme updates, make sure you have installed the Envato Market plugin.

With this plugin installed and configured, everytime there is an update it would be available for download and installation through the native Wordpress updates engine.

2. Manual Update via FTP

Follow the steps below to install via FTP.

There are known issues with FTP clients for Mac computers which replaces the existing folders instead of merging with the theme folders. I would strongly recommend you to use FileZilla if you are using a Mac computer.



No matter which option you chose, when the new files are uploaded, you'd need to check if there are updates for the theme plugin (Babystreet Plugin) and all other bundled plugins like WPBakery Page Builder and revolution slider. if there are updates available, you'll see a "Install Plugins" sub-menu in Appearance menu of your WordPress admin. Please, always check if there are new plugins when you update the theme. Otherwise, it may cause errors on your site.




 

 

 

 

 

 

When the theme files are uploaded and you activated the theme and required plugins, you would also need to make some settings configuration.

You can get instructions on how to generate API key here: Envato API Key

You can this in the Theme Options

SETTING UP THE HOMEPAGE AND BLOG

To set one of the pages you have create as a Homepage and the main blog page:

  1. Go to Settings > Reading
  2. Select "A static page"
  3. For Front page select the page you want in the select box. If no demo content is uploaded you will need to create a new page.
  4. For Posts page select the page you want in the select box. If no demo content is uploaded you will need to create a new page.
SETTING UP THE PORTFOLIO

To set one of the pages you have create as a portfolio page:

  1. Create a page and name it "Portfolio" or whatever you need it to be
  2. In the WPBakery Page Builder editor chose the Projects elements.
  3. Configure the element options as per your needss.

Next step - click on Portfolios>Portfolio Categories in the left menu:

  1. Create the categories you need in your portfolio (e.g. Web projects, Print projects, Lookbooks etc.)
  2. Click on Porfolios>Add new
  3. Create some projects to be displayed in your portfolio page.

Each portfolio post can have one or multiple portfolio categories assigned. You can also use some of the predefined Project details fields, Main features fields and Additional details. At the bottom-right of the page you could set the featured images (gallery) display type for the portfolio post. Available Options are: Slideshow, CloudZoom or Image list with lightbox

SETTING UP THE SHOP

Weh you install the WooCommerce plugin, it would automatically create all pages needed for the shop, including the main "Shop" page. Alternatively, you could set a custom shop page in WooCommerce>Settings>General.

SETTING UP THE PRODUCT IMAGE SIZES

You would also need to set the recommended for the theme product image sizes under Appearance > Customize > WooCommerce > Product images.

WITH THE ABOVE STEPS COMPLETED, THE THEME IS NOW FULLY ACTIVATED AND CONFIGURED


 

 

 

 

 

 

Babystreet Theme Options is the place where you can control the appearance and some of the functionalities of the theme like creating and setting sidebars, image preview types, colors, backgrounds, fonts, countdowns, sliding blocks etc.

ADVANCED BACKGROUNDS

The Babystreet theme gives you the ability to place a fuullscreen video background (*youtube only!), fullscreen image/images slideshow background on selected pages. All pages except shop categories, could have their individual settings with different backgrounds OR you could set the backgrounds globally (for the entire site, for the entire shop area, for the entire blog area etc.).

You would need to keep in mind that the backgrounds have their own strict hierarchy:

  1. Video backgrounds are always first!
  2. If you set both video background and an image background for a certain area/page - video would be displayed
  3. If you set a global video background for the site, it would overwrite ANY other image backgrounds set on per page/area basis
  4. If you set a global image background for the site, you can still set a different video or image background/slideshow on per page/area basis.

Additionally, for the video backgrounds you could set a:

  1. Video start time (in seconds) (*REQUIRED) - this is the second from the video beginning where you want it to start playing. Usually it is set to 0 so the video starts from the beginning.
  2. Video end time (in seconds) (OPTIONAL) - this is the time of the video from the beginning where you want it to stop playing or loop from the start time
  3. Video Loop (OPTIONAL) - whether the video should start again when it reached the end or not.
  4. Video sound (mute) - whether the video should play with sound or not. If sound is enabled, video playback controls would be displayed, giving the user options to stop/pause/play and mute the vide0

All the theme options are selfexplanatory and easy to understand.

All theme options have their default values pre-assigned. If you want to reset the settings, just hit the "Reset defaults" button on the bottom left of the page.


 

 

 

 

 

 

The Babystreet theme comes with 4 default menu positions:

Follow the next steps to define menus for each of the theme's menu locations:

  1. Navigate to Appearance>Menus
  2. Make sure you enabled the positions accordingly - Main Menu - Main Menu and Top Menu - Top Menu (the menu name could vary of course depending on the name you gave it)

In each menu, you can add as many items you need: links, pages, posts, custom links, shop categories, direct links to products, internal or external link.:


Babystreet Theme comes with built-in (no plugins needed) Mega Menu functionality.

Setting-up the mega menus is extremely easy and follows the default WodPress menu building process. Every options is intuitive and self-explanatory. Small tips are displayed when needed.

Babystreet Theme menus also gives you a custom menu item labeling functionality. Every single menu item could have it's own label with custom background color so you could easily drow your visitors attention to certain areas.




 

 

 

 

 

 

The Babystreet theme comes with the famous WPBakery Page Builder drag-and-drop page builder by WP Bakery.

We took an extra step with the WPBakery Page Builder integration and included tons of custom built content elements like Babystreet specific product listings, Posts listings, entire Blog listing, Icon titles, Icon Boxes, Icon teasers, portfolio listings and many more.




While the WPBakery Page Builder comes built-in and integrated within the theme, keep in mind you don't actually have a full license, so you can't update it by yourself and you can't ask the WPBakery Page Builder developers support questions (unless you have purchased a separate license). Even if you have purchased a separate license, we would STRONGLY RECOMMEND you not to update it by yourself and wait for a theme update instead! The theme theme is constantly updated and improved, so we would do our best to update all plugins as soon as possible, when a new version is out.

If you face dificulties with the WPBakery Page Builder plugin, consult with the plugin documentation provided with the theme or check the video tutorials available online.

Check all WPBakery Page Builder video tutorials

 

 

 

 

 

 

The Babystreet theme is using several types of slideshows on different locations.

Babystreet Content Slider, Owl carousels and FlexSlideshow

The Flex Slideshow for posts, pages and portfolios works with the featured images for every post/page and portfolio. When selecting featured images, if you set more than 1 (the theme gives you the ability to upload up-to 6 featured images), a featured post slider is created automatically. It would be displayed on top of the page/post and also in blog posts listing pages (the blog page, blog categories, blog archive etc.)

Flex Slideshow is also used (optionally) in portfolio projects (unless you set a CloudZoom gallery or Image list option, which is made individually for every project in it's edit page).

Flex Slideshow could also be assigned manually to ANY position in content of pages and posts using the WPBakery Page Builder shortcode.

OWL carousel slideshow

The OWL carousel slideshow is an option enabled in Theme Options, converting all related products, related posts and related portfolio projects into a swipe/touch enabled responsive carousel. It could be set ON/OFF in Theme Options and the setting is global for all related products, related posts and related portfolio projects.

Additionally, Babystreet theme provides with an option to display blog posts shortcode, portfolio projects shortcode, Product lists shortcode and product categories shortcode as carousel OR grid.

 

The Babystreet Content Slider

Asthe name suggest, this is a WPBakery Page Builder element, where you can place ANY content in separate slides. Build hero page sliders or custom content sections - your imagination is the only limitation.

 

 

 

 

 

 

Revolution Slider is an advanced, multilayered responsive sldier plugin built by ThemePunch. This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

Before you can use the sliders in your posts and pages, you would need to create them. Than you could simply attach them as a featured slider of your posts and pages. Alternatively, you could use the Revolution Slider integration with the WPBakery Page Builder and place sliders wherever you want in your content.

IMPORTANT: THE REVOLUTION SLIDER INCLUDED WITH THIS THEME DOESN'T GIVE YOU A SEPARATE LICENSE FOR THE PLUGIN ITSELF! AS YOU ARE NOT A LEGIT PLUGIN BUYER, YOU CAN'T ASK THE PLUGIN AUTHOR FOR SUPPORT!

Even if you have purchased a separate license, we would STRONGLY RECOMMEND you not to update it by yourself and wait for a theme update instead! The theme is constantly updated and developed, so we would do our best to update all plugins as soon as possible, when a new version is out.

If you face dificulties with the WPBakery Page Builder plugin, consult with the plugin documentation provided with the theme or check the video tutorials available online.

 

 

 

 

 

 

 

The Babystreet theme comes with unuque product feature built-in. We are proud to introduce the WoCommerce limited time offers with a Groupon-style countdows. In order for the countdowns to function properly, you would need to do the following:

  1. Set Countdowns as ENABLED in Theme Options>Shop tab
  2. Make sure your products with discount have "Sale Price Dates" scheduled. Both Start Date and End Date must be set!!!
  3. Products on sale without Start Date and End Date would be displayed as normal sale products without countdown.

The Babystreet theme limited time offer countdows are prelocalized to 51 languages and work perfectly, converting the countdown automatically, depending on the chosen language.


 

We've used the following images, icons or other files as listed.