BB Ecommerce Store WordPress Theme Documentation

Introduction

We appreciate you purchasing our WordPress theme. This article demonstrates several steps of the full configuration and management process for a WordPress website.

What is WordPress CMS?

WordPress is an open source website creation tool that uses PHP and MySQL as its foundation. It is a robust blogging platform and a totally free content management system (CMS). Using this CMS, you may create reliable online applications and websites. To manage it, you scarcely need any technological expertise or understanding. Because of its many benefits, including ease of use and flexibility, WordPress has emerged as the most popular website construction tool on the market. Learn More

What is a WordPress template

A WordPress template serves as the skin for websites built using the WordPress content management system. A WordPress template is incredibly simple to setup. You may quickly modify the appearance of your WordPress website by installing a new template. A WordPress template comes with all the necessary source files, and you are free to change and expand it however you see fit.

Help and Support

Files structure

The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:

  • Screenshots - contains screenshots of templates. Not for manufacturing.
  • theme - files for the WordPress themes.
    • bb-ecommerce-store.zip - All of the files required for the theme are contained in this folder.
  • license.txt - details of the licence.
  • readme.txt - contain details on the theme's image paths and font usage instructions.

TS KEY ACTIVATION

The steps for activating a TS Key are as follows.

Given that you will receive the License Key via Email, use that key to Activate License.

Use the procedure below to Activate License.

Go to the Dashboard » Appearance » TS Key Activation » Enter Key » Save Changes.


After Entering The Key » Activate Licence.


After you Activate Licence, After the key is operational, you can begin using the theme.


Theme Installation Via WordPress

Install a Theme using WordPress Admin Theme Search

Using the WordPress admin theme search feature is the simplest approach to install a free WordPress theme from the WordPress.org themes repository.

Logging into your WordPress admin area is the first step you need to take. Next, click on Appearance » Themes.


Click the Add New button at the top of the themes page after you've arrived there.


You will see a single theme or a collection of themes that fit your criteria depending on your search. In our situation, we looked for the Slipstream blogging theme. Simply place your cursor on top of the desired theme's image when you see it. The install, preview, and details buttons will then become visible. Click the install button right now.


Your theme will now be installed by WordPress, and you will see a success message with a link to activate it or view a live preview.


Your WordPress theme has now been installed and activated after clicking the activate button.


Use the Upload Method in the WordPress Admin to install a theme.

Only free themes found in the WordPress.org theme directory can be installed using the first technique we discussed. What happens, though, if you want to install a "premium" WordPress theme from a commercial source like ThemeLab, StudioPress, iThemes, etc. How about installing a custom theme, though? In this instance, you would need to upload the theme from your WordPress admin and then install it.

Start by downloading the theme's.zip file that you bought from a marketplace or a third-party theme vendor.

Then, after logging in to your WordPress admin area, click Appearance » Themes.


Click the Add New button at the top of the themes page after you've arrived there.


Click the Upload Theme button at the top of the following screen.


When prompted, select the zip file that you already downloaded. Click Install Now after selecting the file.


A success message and a link to activate and preview the theme will appear once your theme has been installed.


Your WordPress theme has now been installed and activated after clicking the activate button. Depending on the theme, it could introduce other settings that you'll have to adjust either using the theme customizer or through a different options panel.

Theme Installation Via FTP

Installing a WordPress Theme using FTP

Connect to your host using FTP after installing and configuring your FTP application. You must navigate to the (/wp-content/themes/) route. Simply upload your themme's folder there once you've arrived.

Keep in mind that before utilising FTP to upload a theme, the folders must be unzipped. Once the theme has been uploaded, you must into your admin area and click on Appearance » Themes.

The theme that you uploaded ought to be listed there. You've installed and activated your WordPress theme after placing your mouse over it and clicking the activate button.

Section Color/Font Pallete

The method of changing the colour or font is quite simple. You can change the colour and font of the headings, paragraphs, and buttons with a single quick click.

Depending on the number of options accessible in each area, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.

Default Color/Font settings

How to set up homepage

Setup Home Page Template

Set up your home page by following these instructions.

  • 1. To set a template for a new page, navigate to the Dashboard, click on Pages, and then select Add New Page.

    Give the page a name, such as "Home," or any other desired label. Next, choose the "home-page" template from the dropdown menu of available templates.


  • 2. Set the front page: Go to Setting -> Reading --> Set the home page as the front page display static page.

    • When you're finished, you can view the entire demo on the top page.

Setup Header


For header setup, adhere to these guidelines.

  • For Site Name/Logo: For changing site name go to Appearance >> Customize >> Site Identity >> Here you can set Logo,Site Title,Tagline & Site Icon for your site. Please see the theme option tab in this documentation for more details.
  • For Top menu: Create the menu from the dashnoard and set it to the "Top Menu"

  • For Navigation: Check this documentation's Setup Navigation tab.

Setup Categories Section

Product categories created on your store are displayed in this area. You must first install WooCommerce on your WordPress account in order to continue.

To learn how to install WooCommerce, click here.


This piece comes from the Sibebar widget.

Go to Dashboard >> Appearance >> Widgets >> Home Page sidebar.


Add a widget for the woocommerce product category to the sidebar on the home page. Your created product categories will appear on the front page.

Setup Slider Section


To set up the slider, adhere to the procedures below.

Go to Appearance >> Customize >> TC Settings>> Slider Settings.


You can customise the slider's image, title, and description in this section. You can change how many slides there are.

Also, you can change the font family, colour, and colour of the headings.

Setup "Store Heighlights" Section


Follow the below steps to customize this section

Go to Appearance >> Customize >> TS Settings>> About us.


You can customise the titles and descriptions for the three boxes labelled "MONEY BACK," "FREE SHIPPING," and "SPECIAL SALE" in this section.


  • Setting Options : includes options to enable or disable the service display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup "NEW PRODUCTS" Section


The products available on your store will all be shown in a slider in this area. Its appearance can be changed using the customizer.

Go to Appearance >> Customize >> TC Settings>> Products Slider Section 1


You can adjust the following points in this section:


  • Section Title: : includes controls for adjusting section titles.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup Promotional Banner section


To set up this area, adhere to the procedures below.

Go to Appearance >> Customize >> TS Settings>> Gifts Section


From there, add a background image for your promotional banner, its title, and a button that directs users to that website. Moreover, it offers the following customization options:

  • Setting Options : includes options to enable or disable the Our Project display.
  • Title Color and Font Family Option: contains options for title colour and font family for a specific section.
  • Button Color & Font family Option:Includes options for button family and colour.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup Our Products Tabs Section


In order to continue, Tabs Section,

Go to Appearance >> Customize >> TS Settings>> Products Slider Section 2.


The category tabs are displayed in the Our Products section. As a result, you can choose your own product category and add a title to display in a certain tab.

  • Setting Options : Includes options to enable or disable the Our Project display.
  • Background Image Option: contains options for background images for custom section layouts.
  • Background color Option: contains settings for the background colour of specific section layouts.
  • Number of Days to show Provide you the option to choose how many working days and what hours to display.

Setup News & Promotions Section


In order to continue, News & Promotions Section,

Go to Appearance >> Customize >> Ts Settings>> Upcoming News Section.


You can inform users of impending news or promotions in this section. The title of the future news item and a brief description can be added here.

  • Setting Options : Includes options to enable or disable the Our Project display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.
  • Number of Days to show Provide you the option to choose how many working days and what hours to display.

Setup Shop By Age Group Section


In order to continue, Discount Section,

Go to Appearance >> Customize >> TS Settings>> Shop By Age Group Section.


The products in this section can be easily accessed by users based on their age range.

Provide the title of the specific age group along with a link to it in the customizer area.

  • Setting Options : Includes options to enable or disable the Our Project display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.
  • Number of Days to show Provide you the option to choose how many working days and what hours to display.

Setup newsletter Section


In order to continue, Newsletter section,

Go to Appearance >> Customize >> TS Settings>> Newsletter.

Your WordPress account should now include the contact form plugin. Turn on the plugin, then make your own form. Once you're through with this copy, shortcode it and add it to the newsletter area of the customizer.



  • Setting Options : Includes options to enable or disable the Our Project display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup First Footer Section


In order to continue, Footer section,

Go to Appearance >> Customize >> TS Settings>> Footer.

The footer contains four columns. Different elements can be displayed in each column. Check out each column one at a time.


  • First columm : The customizer will provide the material for this section. It includes a three-part store logo, text, the address, an email address, and a phone number.
  • Links and quick links columns The admin panel widget section will be used to build up these sections. Add any widget you desire.

  • Fourth columns:The customizer will be used to setup this section. Include the title, details, and payment image with the associated link to redirect, as well as the opening time information.

  • Setting Options : Includes options to enable or disable the Our Project display.
  • Background Color Option: contains settings for the background colour of specific section layouts.
  • Background Image Option: contains options for background images for custom section layouts.

Setup Second Footer Section


In order to continue, Footer section,

Go to Appearance >> Customize >> TS Settings>> Footer.

You add all of the Title & URL in this part. Here, options are further described in accordance with the sections to which they belong:

  • Title Please allow me to set the title that will be displayed.

Child Theme & Hooks Section

The process of editing a website using a custom theme editor is simple. If you need to add a section, you can do so by simply editing the child theme and then changing the parent theme.

Hook Code Below Slider


Hook Code Below Store Highlights


Hook Code Below New Products


Hook Code Below Promotional Banner


Hook Code Below Our Products Hook


Hook Code Below News & promotions


Hook Code Below Age Group


Hook Code Below Newsletter


Hook Code Below Fullwidth Header Section


Hook Code Below Fullwidth Footer Section


Hook Code Below Social Shearing Section


Hook Code Below Page Header Section


Hook Code Below Page Footer Section


Page Templates and Sidebars


Page Templates

  • Default Template (the default page template with a right sidebar position)
  • About Template (the default About template with no sidebar position)
  • Page (Full Width) (a page template with one column without a sidebar)
  • Page (Left Sidebar) (a page templates with left sidebar position)
  • Page (Right Sidebar) (a page template with right sidebar position)
  • Blog (Full Width) (a blog templates with one column without sidebar)
  • Blog (Left Sidebar) (a blog templates with left sidebar position)
  • Blog (Right Sidebar) (a blog template with right sidebar position)
  • Contact Template (the default Contact template with no sidebar position)

Posts, Categories and Post Formats

Adding category

For further details on adding categories, look at the following article: http://codex.wordpress.org/Manage_Categories_SubPanel


  1. Access your WordPress Administration Panel by logging in. (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Your new category's name should be typed in.
  5. After that, click the Add New Category button.
Click the Publish button.

Creating a Blog post


  1. Access your WordPress Administration Panel by logging in. (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Enter the text for your post. Please click the following link for further details on adding posts.http://codex.wordpress.org/Posts_Add_New_SubPanel.

Shortcodes

A shortcode is an effective tool for creating content.http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.


The following groups are conditionally created from all accessible shortcodes:

  • Gallery[ts-galleryshow ts_gallery="39" numberofitem="8"] - used for Gallery images output. "39" is the id replace it with yours.

Custom Widgets


 How to Setup Additional Theme Add Ons

  1. The plugin must first be downloaded directly from the source.(which will be a zip file (bb-title-banner-image.zip and bb-gallery-images.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.

  2. Then, select the Upload Plugin button located at the top of the page.
  3. You'll arrive at the plugin upload page after doing this. Next, you must select the plugin file you already downloaded to your computer by clicking the choose file option.

  4. After choosing the file, you must select the install now option.

  5. The plugin file from your computer will now be uploaded to WordPress, where it will be installed. You'll notice that the er installation is complete.
  6. To use the plugin after installation, click the link that says "Activate Plugin."

Title Banner Image

After this plugin is activated, every page, post, registered post, etc. will have the following option.


  1. You must first decide the banner image you want to use on your post or page.
  2. By default, the title will be shown above the banner image when uploading any file.


  3. If you don't want the title to appear on the banner, you can use this plugin to conceal it by selecting the "Hide Title above banner" option.
  4. By selecting the "Display Title below banner" option, you may even display the title below the banner image.


  5. When neither a file nor an option is selected, the title will be shown in its default format.

BB-Gallery-Images

The Dashboard will display the bb-Gallery after you enable this plugin.

On the Add new gallery button, click. the title, too. The number of pictures to display in a gallery is added.



That's All! You can now access your page to view the gallery pictures.