Tishaa

Build a beautiful online store with ease! The Tishaa theme is a WooCommerce block theme designed specifically for jewelry stores. However, it’s flexible enough to create any e-commerce website.

Before diving in, preview the demo site created using the Tishaa theme to see the full potential and what you can achieve:

This documentation will guide you through everything you need to understand about using the Tishaa theme. We’ll cover getting started, exploring the various customization options, and making your online store shine bright.

If you haven’t already purchased the Tishaa theme, that’s the first step to getting started! You can find more information about buying the theme below:

Ready to create your stunning online store? Click the Buy Now button at the top of this page to get started!

Need Help Before You Buy? Get Pre-Sales Support

Our friendly support team is happy to answer any inquiries you wish to discuss before purchasing the Tishaa theme. Here’s how to reach them:

• Visit the WooCommerce Contact Support Page
• If you’re not logged in, follow the on-screen instructions to create a new WooCommerce account or log in to your existing account.
• On the support page, scroll down until you find the section labeled “Submit a request“.
  • From the “What do you need help with?” dropdown, choose Presales
  • Type “tishaa” in the field labeled Product to specify the theme.
  • Submit the form after filling out the remaining fields.

For a smooth onboarding experience, we highly recommend watching our video tutorial alongside this documentation. This step-by-step screencast guides you through setting up your Tishaa theme, making it easy to visualize the process and get your online store launched quickly.

The Tishaa theme and WooCommerce plugin are prerequisites for your e-commerce website. Once you purchase the Tishaa theme, follow the steps below to install the required theme and plugin on your WordPress website.

Download Theme File

1. Begin by logging in to your WooCommerce.com account
2. Once logged in, navigate to the Downloads section
3. Locate the Tishaa theme from the products list and click the Download link. This will download a compressed file named tishaa.zip to your computer

Upload the Theme to WordPress

1. Log in to your WordPress dashboard
2. From the left menu bar, hover over the Appearance
3. Within Appearance, click on the Themes
4. On the themes page, click the Add New button.
5. You’ll see a theme upload option. Click on the Upload Theme button.
6. In the upload window, select the tishaa.zip file you downloaded earlier from your computer.
7. Once selected, click the Install Now button.

Activate the Tishaa Theme

1. After installation, WordPress will redirect you to a theme activation page.
2. On this page, click the Activate link.

Congratulations! You have successfully installed and activated the Tishaa theme on your WordPress website. Since Tishaa is an e-commerce theme, the next step is to install the WooCommerce plugin.

WooCommerce offers comprehensive documentation for installing and activating their plugin. Follow the official guide for the instructions:

Official WooCommerce Installation Documentation

By default, the Tishaa theme displays the latest blog posts on the homepage. However, it’s common practice to show the landing page with product collection and CTA banners for e-commerce websites.

So, you might want to replicate the homepage from our demo website.

Follow the steps below:

You need to set a separate home page

1. Create a page for Homepage as instructed in this article: https://wordpress.org/documentation/article/create-pages/#creating-a-new-page
2. For this example, let’s insert “Home” for Homepage Add title field of the page editor

The next step is to add content to the home page you created. Tishaa offers pattern for the homepage so that you do not need to design it yourself.

1. To add a pattern, click the plus (+) button at the top right on the page editor.
2. Navigate to Patterns tab > 1. Landing Page (Tishaa) category
3. Click on the Home 1 pattern as shown in the screenshot below
4. It’ll add the landing page pattern to the page editor, which you can customize later as per your requirements

The default template displays the page header and vertical space around the content. So, it might not be ideal for the landing page content.

That is why Tishaa provides a different template for such purposes.

Follow the steps below to switch the page template:

1. From the page editor, click the Settings icon at the top right beside the Update/Publish button
2. Navigate to Page tab > Template
3. Click Pages link
4. Then, click the Swap template option. It’ll open a panel to choose from templates.
5. Click over Canvas with Header and Footer box to apply the template to the page
6. Finally, click the Update button to save changes.
7. If you preview the page, you’ll see the page just like the home page demo site.
8. However, it is just another normal separate page. So, we need to set it as the front page of the website which is explained in below.

If you want to have a separate blog page to post your articles, you can create a page for it just like you created the home page and name it Blog.

Now, you need to tell WordPress to assign these pages to the Homepage and Blog Page so that they appear separately.

1. Navigate to Settings > Reading from the WordPress dashboard.
2. In Your homepage displays option, select A static page (select below). This will activate the options to set home and blog page.
3. From the dropdowns, choose the respective page you created before:
   • Homepage: Home
   • Posts page: Blog
4. Note: the Posts page here means the Blog page.
5. Finally, click the Save Changes button.

Now, if you browse the homepage of your site, it should display the landing page you created. Also, you can view the blog page by navigating to the Pages menu item. Next, you can fill your website with products to sell and blog posts.

This guide will show you how to showcase your products on the homepage and shop page using the Tishaa theme.

By default, sections using WooCommerce product blocks: “Newest Products” & “On Sale Products” on the homepage and shop page might appear blank as shown in the screenshot below. This is perfectly normal! These sections are designed to display your products, but if you haven’t added any products yet, they will naturally remain empty.

Here’s how to make them work:

The key to seeing products populate these sections is to have products added to your WooCommerce store.

Note: If you want to get the sample products from the demo site, skip to the Import Demo Products section below and get back here.

1. In your WordPress dashboard, navigate to Products > All Products.
2. Click the Add New button.
3. Start Adding Product Details: Here are the key fields to fill in for a basic product:
   • Product name
   • Product description
   • Product data > General > Regular price
     • For Products on sale, enter the Sale price as well
     • Note: products with sale prices will appear under the On Sale section of the homepage
   • Product short description
4. On the right side of the editor, Set product image or product gallery images, and Add a new category for it and Product tags.
5. Click the Publish button to make your product live on your store.
6. You can view it in the front end by clicking the Preview button.

Keep adding new products you have and they’ll appear on the homepage and shop page. To access the shop page, navigate to Shop from the header menu.

Alternatively, If you want to see how it looks before adding your product just like in our demo site. We’ve exported CSV file from our demo site for you to import in your site. You can import it and update it with your products.

1. In your WordPress dashboard, navigate to Products > All Products.
2. Click the Import button.
3. Download the Tishaa Sample Products CSV file below and upload it to the file uploader.
4. Follow the steps as shown in the screenshots below.

In the final step, click the View products button to view the imported products in the dashboard.

Now, if you preview the homepage and shop page, you’ll see the products you have added.