Universal Store – Theme install and setup

Universal Store is child theme of MaxStore. There is a small difference only in the theme layout and some setup (follow the MaxStore documentation). You can download and install this theme like another…

  • WooCommerce – shop features (required for shop)
  • Kirki – theme options toolkit (required for theme customizer options)
  • CMB2 – required for slider feature

 

All available options can be used from Appearance -> Customize (Kirki plugin must be installed and acitvated)

 

When the theme is first installed and WooCommerce plugin activated, 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. When you are comfortable with the theme options, you should turn this off and create your unique homepage style.

There are a few options that you can edit in the demo page. Navigate please to Customizer – WooCommerce Homepage and setup the demo style. You can choose between 2 (5 in PRO version) styles.

This section is visible only if the WooCommerce plugin is installed and you have not set the “Static Front Page”.

thestore-home-demo
Universal Store Demo Homepage
pro-homepage-demo-customizer
Demo homepage – PRO version

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

If you want to create unique shop homepage, create the new page first, set the template “Homepage”, add your own content and save the page. Then please go to Customize -> Static Front Page and switch “Front page displays” to “A static page” and select the page you created before.

  1. Create new page
  2. Set the title
  3. Set the template “Homepage…”
  4. Save as draft (or publish) the page. This is important for the next step
  5. After saving the post, you will be able to define the slider section (CMB2 plugin must be installed and activated)
  6. Set this page as “Static front page

alpha store homepage setup

After creating the homepage you can setup your homepage content.

Slider

Universal Store contains homepage slider.

Make sure you have CMB2 plugin installed and activated before you setup the homepage.

  1. Create new page and select page template called “Homepage with Slider

thestore-home-setup

2. Save or publish the page

3. Scroll below the page content and find “Homepage Options” section.

thestore-home-setup-bottom

4. Open the “Slide 1”, select slide image and fill the fields – Title/Description/Button and URL

5. Push “Add another slide” to make another slide and fill the forms again. You can make unlimited slides.

5. Publish the page (add some content)

6. Set this page as “Static front page”http://demo.themes4wp.com/documentation/create-a-homepage/

The content you can build via WooCommerce shortcodes (list of products, categories…). Follow WooCommerce documentation

You can install WooCommerce shortcodes plugin that will help you with editing shortcodes. This plugin provides a TinyMCE dropdown button for you use all WooCommerce shortcodes.

You can create unique homepage content. You can put your custom text, titles, images. Use WooCommerce shortcodes to add list of products, categories…. You can use our demo homepage styles – scroll down at the bottom of this page, copy our demo style and paste it to your homepage page content.

If you migranting from another theme and the images not fit, use Regenerate Thumbnail plugin.

Recommended image dimensions for the slider are 1140 x 488px

Our demo homepage layouts (Homepage #1 and Homepage #2] are developed with “Shortcodes Ultimate” plugin. Install this plugin before you use our demo layouts.

Copy and paste the content layouts into the “Text” area (not in the Visual area)

Homepage #1 demo content

 

Homepage #2 demo content

 

Homepage #3 demo content

 

If you need more features, like unlimited colors, google fonts, more layouts and shortcodes, check the PRO version of this theme – MaxStore PRO.