1. Documentation /
  2. Bass Theme

Bass Theme

Thank you for choosing Bass theme to build your WooCommerce website.

Installation

↑ Back to top
  1. In your Dashboard go to Appearance > Themes.
  2. Click on the Add New button on top.
  3. Click Upload New button on top.
  4. In the new interface click Choose File and browse your computer to locate bass.zip file you downloaded.
  5. Click Install Now.
  6. After installation Activate the theme.

Suggested plugins

↑ Back to top
  1. Cue: This plugin helps display a playlist as a block anywhere in your website.
  2. Contact Form 7: Create a contact form.

Making theme look like demo

↑ Back to top

First download the zip file containing the demo content here. Inside the package you will find a file named bass.WordPress.xml that you can use to import the demo content.

  1. In your Dashboard go to Tools > Import.
  2. Choose WordPress importer from the list. If you have not installed it already, you need to install it first.
  3. Click Run Importer.
  4. Click Choose File and browse for the bass.WordPress.xml file you downloaded and upload it.
  5. You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  6. You will then have the choice to import attachments, so check the Download and import file attachments box.

Please be patient while WordPress imports all the content.

You will need to assign the menus a theme location & you’ll need to configure widget blocks. This is a limitation of WordPress’ import system.

Adding a logo image

↑ Back to top

Go to Appearance > Customize > Site Identity to add a logo image or edit your site title.

Setting up the menus

↑ Back to top

This theme has five menu locations.

  1. Primary Menu: This is the main menu of your website.
  2. Right Panel Menu: This menu is the menu hidden in the right side of the screen, toggled with the sandwich menu button.
  3. Mobile Menu: When your website is viewed on mobile devices, both the Primary and the Right Panel Menu will become invisible. Create a new menu to be displayed to mobile visitors that contains items from both menus.
  4. Social Menu: This is the Social Media icons menu toggled with the sandwich menu button.
  5. Footer Menu: The menu in the bottom of the website.

Create menus and assign them to each of the available locations.

Social Menu

↑ Back to top
  1. In your Dashboard go to Appearance > Menus.
  2. Create a menu and click Save.
  3. In the bottom of the right side, check the box to display the menu in the Social location and click Save.
  4. Add the address for each social profile to your menu as a custom link.
  5. For example, https://twitter.com/WooCommerce is the Twitter link of WooCommerce. See screenshots below for more details.

Configuring the front page

↑ Back to top

  1. In your Dashboard go to Settings > Reading and assign a page to display in front instead of the latest posts.
  2. The Featured image of the page will display in the top part, and the page title on top of it.
  3. Upload an mp3 file and paste the url in the theme options Appearance > Customize > Theme Options.
  4. In the theme options you will see other fields to add a link for the Call to action button, or change the button text.

Blocks and patterns

↑ Back to top

Bass comes with some pre-designed patterns that you can include in any page or post.

In the home page we have used these patterns and blocks:

  1. About Us: A pattern with content in the left and image in the right that you can use to display some info about you.
  2. Album Playlist: This pattern uses the Cue plugin to display a playlist in the left and some content in the right, on top of a full width background image.
  3. Post loop query block: Configured to display your latest posts in three columns.
  4. Featured products: You can feature products by highlighting the ‘★‘ icon in the right of each product when viewed as list, by going to Products > All Products in your Dashboard.

Check all available patterns here

WooCommerce product filters

↑ Back to top

In your dashboard go to Appearance > Widgets and add any filter block WooCommerce Filters location.

Footer section

↑ Back to top

In the footer you can use blocks to display some information related to your business. In your dashboard go to Appearance > Widgets and add blocks to the Footer Widgets location.

In this theme you can edit the footer copyright info from the Theme Options.

WooCommerce

The most customizable eCommerce platform for building your online business.

  • 30-day money-back guarantee
  • Support teams across the world
  • Safe and secure online payment