Theme Setup and Install – Giga Store

1. Install & Activate the Theme

Instalation page

2. Install & Activate Required and Recomended Plugins

After the theme is activated, a notice will appear to install the recommended plugins. Install and activate them by selecting ‘Begin installing plugins’.

Be sure that you both “Install” and “Activate” the plugins in order to make them functional.

Required plugins:

  1. WooCommerce
  2. Kirki Toolkit
  3. Giga Store Advanced Sections (only in free version) – Download Here

Recomended plugins:

  1. Contact Form 7
  2. YITH WooCommerce Wishlist (PRO version)
  3. YITH WooCommerce Compare (PRO version)
  4. YITH WooCommerce Quick View (PRO version)
  5. Mailpoet Newsletters (PRO version)

Install and activate all required plugins. installing these plugins is essential for the functionality of WooCommerce Store! (You dont need Giga Store Advanced Sections plugin in PRO version. These sections are included in PRO version)

We Recommended Switch “Front page displays” to “A static page”

If you want to create homepage like in our demos with the blog posts page, create the new page first, set the template “Homepage” and create new page (blank page for blog posts). Then please go to Customize -> Static Front Page and switch “Front page displays” to “A static page” and select the page you created before and set the bog page. – Tutorial

3. Add the content

If you dont have any products, you can use the WooCommerce Dummy Data content

PRO version includes One click demo import

4. Setup the theme

  • Setup the menu
  • Add logo
  • Setup the homepage blocks (you can disable them)
  • Setup the widgets

 


When the theme is first installed, the demo mode would be turned on. This will display some sample/example content to show you how the website can be possibly set up. We recommended to switch to a static front page.

To setup the homepage go to Customizer – Homepage Settings – Homepage Layout

giga store woocommerce theme - homepage setup

giga store woocommerce theme - homepage layout

You can enable or disable the slider and homepage blocks. By drag and drop you can set the block positions on homepage.

Hit back button and setup the blocks one by one…

Giga Store PRO includes all free sections and:


Included in Giga Store PRO:

 

  • All free sections
  • WooCommerce Categories Carousel
  • Brands Carousel
  • Contact section
  • Custom Section #1, #2
  • Newsletter section
  • Background Image section

Go to Customizer – Homepage Settings – Slider Settings and setup the slider

giga store woocommerce theme - slider setup

giga store woocommerce theme - slider setup - demo

Giga Store PRO


  1. Upload the image
  2. Set the Heading/Title/Description/URL
  3. Define the caption position
  4. Hit the “Add new row” to add new slider image

Slider Giga Store PRO includes:

  • Slider height option
  • Slider height on mobile devices option
  • Slider interval option
  • Slider animation option
  • Button colors options
  • Caption background option

Go to Customizer – Homepage Settings – WooCommerce Tabs Section Settings

giga store woocommerce theme - tabs section

giga store woocommerce theme - tabs section - demo

Tabs Giga Store PRO includes:

  1. Setup the section background and font color
  2. Add title and/or description (if you need them)
  3. Enable (hit the eye) and set the position (by drag and drop) the tabs – first tab is always visible
  4. Set the Visible products – products per row

Tabs Giga Store PRO includes:

  • Contend Layout option – Boxed/Fullwidth
  • Bottom border style option
  • Products order
  • Tabs position – left or top
  • Tabs color option
  • Tabs active layout

Go to Customizer – Homepage Settings – WooCommerce Products Section Settings

giga store woocommerce theme - products section

giga store woocommerce theme - products section- demo

Giga Store PRO includes:

  1. Setup the section background and font color
  2. Add title and/or description (if you need them)
  3. Select the type of products
  4. Set the Visible products – products per row
  5. Set the number of visible products

Giga Store PRO includes:

  • Order (ASC, DESC)
  • Order by (No order, Order by post ID,  Order by title, Order by date, Random order)

Go to Customizer – Homepage Settings – Banner Section Settings

This section add custom banner with text, image and button.

giga store woocommerce theme - banner section

giga store woocommerce theme - banner section - demo

  1. Setup the section background and font color
  2. Add title and/or description (if you need them)
  3. Upload or select the image (use the recommened size)
  4. Add your custom text – format HTML
  5. Set the colors and button

Giga Store PRO includes:

  1. Content layout – boxed/fullwidth
  2. Bottom border style

Go to Customizer – Homepage Settings – Testimonial Section Settings

giga store woocommerce theme - testimonial section

giga store woocommerce theme - testimonial section - demo

  1. Setup the section background and font color
  2. Add title and/or description (if you need them)
  3. Add new row – testimonial
  4. Upload/select the image, setup the name, testimoial and link
  5. Hit the “Add new row” to add new testimonial

Giga Store PRO includes

  1. Content layout – boxed/fullwidth
  2. Bottom border style

Go to Customizer – Homepage Settings – Blog Section Settings

This section dislay the lates posts

giga store woocommerce theme - blog section

giga store woocommerce theme - blog section - demo

Giga Store PRO

  1. Setup the section background and font color
  2. Add title and/or description (if you need them)

Giga Store PRO includes

  1. Content layout – boxed/fullwidth
  2. Bottom border style
  3. Number of displayed posts
  4. Posts per row
  5. Button to archive option with custom text
  6. Titles color

 


Go to Customizer – Homepage Settings – WooCommerce Categories Carousel Settings

This section dislay product categories in carousel

giga store woocommerce theme - categories - section

  1. Setup the section background and font color
  2. Add title and/or description (if you need them)
  3. Set the laoyut and border style
  4. Set the number of visible categories
  5. Set the order
  6. Set the order by
  7. Set the number of products
  8. Add categories you want to display!

 


Go to Customizer – Homepage Settings – Brands Carousel Section Settings

This section dislay brands/images in carousel

giga store woocommerce theme - brands section homepage

 

  1. Setup the section background and font color
  2. Add title and/or description (if you need them)
  3. Set the layout and border
  4. Hit the button – Add new Brand
  5. Upload/select the image – you can setup the title, description and link too
  6. Hit the “Add new Brand” to add new brand/image in carousel
  7. Set the visible items per row

 


Go to Customizer – Homepage Settings – Contact Settings

The plugin Contact Form 7 must be installed and activated!

It’s important that you create a new contact form after you install theme. This will allow it to create the contact form with properly formatted HTML. Click on Contact in your sidebar after installing Contact Form 7. Next click add new to create a new contact form. You probably won’t need to change anything on this page, so just give your contact form a title, and then click save.

giga store woocommerce theme - contact setup - homepage

Google Maps just recently made changes related to the use of Google Maps. Effective June 22nd, Google will no longer support keyless access (so that is any request that does not include an API key)! Users can request an API key here

  1. Go to Customizer > Homepage Settings > Contact Settings
  2. Setup the section background and font color
  3. Set the title and description
  4. Set the content layout and border style (PRO feature only)
  5. Enable or disable the google map (put your api key) (PRO feature only)
  6. Select the contact form you want to display
  7. Add “About Us” description
  8. Add Company name
  9. Add Address – this address will be used in Google Map above (Google map is PRO feature only)
  10. Add your telephone number
  11. Add your email

In this section you can display any page content on your homepage. Make some page first with your content, you can use some shortcodes generators,…

  1. Go to Customizer > Homepage Settings > Custom Section #.. Settings
  2. Setup the section background and font color
  3. Set the title and description
  4. Select the page content

 


Go to Customizer – Homepage Settings – Newsletter Settings

The plugin Mailpoet Newsletters must be installed and activated!

  1. Go to Customizer > Homepage Settings > Newsletter Settings
  2. Setup the section background and font color
  3. Set the title and description
  4. Set the content layout and border style
  5. Select the form you want to display
  6. Set the layout (if you set “Image Left” – image upload option will appear)
  7. Set the button color

To setup the form navigate to WordPress dashboard → MailPoet → Settings → Forms and edit or create new form. You can add this form as widget in widget area too.

 


Go to Customizer – Homepage Settings – Background Image Section Settings

  1. Go to Customizer > Homepage Settings > Background Image Section Settings
  2. Setup the section background
  3. Upload the backgroun image
  4. Set the color of the text
  5. Put the title, description, button texts and button URL
  6. Set the colors
  7. Set the content position