--- title: Bass Instructions description: "Thank you for choosing Bass theme to build your WooCommerce website. ### Theme installation Unzip file ***bass_unzip_first.zip*** that you downloaded from us and install ***bass.zip*** file. [Read more how to install a theme *→ *](https://vivathemes.com/knowledge-base/how-to-install-a-wordpress-theme/) ### Theme setup wizard **Bass** comes with a setup wizard that enables…" url: "https://vivathemes.com/knowledge-base/bass-instructions/" updated: "2024-10-15" --- # Bass Instructions Thank you for choosing Bass theme to build your WooCommerce website. ### Theme installation Unzip file ***bass_unzip_first.zip*** that you downloaded from us and install ***bass.zip*** file. [Read more how to install a theme *→ *](https://vivathemes.com/knowledge-base/how-to-install-a-wordpress-theme/) ### Theme setup wizard **Bass** comes with a setup wizard that enables you to create the demo layout with a just a few clicks. 1. After installing the theme, in your **Dashboard** go to **Appearance > Theme Setup**. 2. The setup wizard will ask you to install and activate necessary plugins, and import the demo content. Please be patient while WordPress imports all the content. ![](https://vivathemes.com/wp-content/uploads/2024/10/bass-setup.webp) All you need to do is edit the content and make it your own. ### Adding a logo image Go to *Appearance → Customize →* *Site Identity* to add a logo image or edit your site title. [Learn how to update your site identity *→*](https://vivathemes.com/knowledge-base/updating-site-identity/) ### Setting up the menus 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.  [Learn how to setup WordPress menus *→*](https://vivathemes.com/knowledge-base/setting-up-wordpress-menus/) ### Social media icons This theme will automatically display links to your social media profiles as icons, using a Custom Menu. [Learn how to setup social media menu *→*](https://vivathemes.com/knowledge-base/setting-up-social-media-menu/) ### Configuring the front page[https://woocommerce.com/document/olymp/#section-6](https://woocommerce.com/document/olymp/#section-6) 1. In your **Dashboard** go to **Settings > Reading** and assign a page to display in front instead of the latest posts.  [Learn how to display a static page in front *→*](https://vivathemes.com/knowledge-base/display-a-static-page-in-the-front-of-your-website/) 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. ![Bass theme options](https://vivathemes.com/wp-content/uploads/2024/10/options-1024x656.webp) ### Blocks and patterns Bass comes with some pre-designed patterns that you can include in any page or post. [Learn how to add block patterns *→*](https://vivathemes.com/knowledge-base/add-block-patterns-to-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](https://wordpress.org/plugins/cue/) 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 *→*](https://demo.vivathemes.com/bass/about-us/) ### WooCommerce product filters In your dashboard go to **Appearance > Widgets **and add any filter block **WooCommerce Filters** location. ### Footer section 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**. ### Widgets - **WooCommerce Filters**: This location is visible in the shop, enables you to add product filters - **Footer widgets**: Visible throughout the website, in the footer. ### Featured Images sizes - Blog featured images: 1300px wide with unlimited height - Home page header image: 2000x700px