Before you Start:

  • Your have your own hosting platform running up to date stable versions of Apache/nginx, PHP, MySQL. If you need hosting we recommend Siteground.
  • You have installed the latest version of self hosted WordPress.
  • You have logged in to WordPress and are looking at the WordPress dashboard.



1. Install the Theme

When you are ready to install a theme, you must first upload the theme to your WordPress directory. There are two ways you can install the theme:


Using WordPress: Navigate to Appearance > Themes > Install Themes. Go to upload and select the zipped theme folder (hypermart.zip) and hit install now and theme will be uploaded and installed. Once you have uploaded the theme, you need to activate it. To activate your new theme, go to Appearance > Themes and activate your chosen theme.


Using FTP: By using any FTP program of your choice you can upload the non-zipped folder to the /wp-content/themes/ folder on your server.




2. Install the Required Plugins

Once you've activated Hypermart, you'll be prompted to install a set of plugins which are required to get the most out of Hypermart. The message will look like this:




Click the "Begin Installing plugins" option.

Tick the checkbox just under Bulk actions and from the Bulk options dropdown select "Install" and click "Apply". Give it a few minutes to install all of them.

For simplicity, tick the checkbox just under Bulk actions and from the Bulk options dropdown select "Activate" and click "Apply". This will activate all plugins that you'll need for the theme.



You'll know you've done everything correctly when you see this confirmation.





3. Setup WooCommerce


You will be prompted to install WooCommerce once that plugin has been installed and activated so do so. Run the WooCommerce setup wizard and setup your store to your liking, including your currency, location and payment methods.



 

4. Add the Portfolio Post Type


If you'd like to include the option to display a Portfolio you'll need to add this optional Portfolio post type.


You can do this by installing the Jetpack plugin from Automattic. Go to Plugins > Add New and search for Jetpack to install it. The basic plan is free. 


Once install go to Jetpack > Settings and you'll see an option to enable the Portfolio under the Custom content types heading.





5. Add the Demo Content

We highly recommend you add the demo content so you can get setup quickly. Just go to Appearance > Import Demo Data




It can take up to 2 minutes to import the demo pages so don't touch it! Once correctly imported you'll get an "All done - Have fun!" message. This adds the demo content, menu, as well as the widgets.

Have issues with the import?
  1. Try increasing the memory required by WordPress and then run the import again. Instructions
  2. On some hosts (we're looking at you GoDaddy) the timeout limits are set very low which doesn't allow it to complete. Solution



6. Setup Elementor


Go to Elementor > Settings. Disable default colors and default fonts like so.




Within the Advanced Tab change the CSS Print Method to Internal Embedding.




7. Setup YITH Wishlist


Go to YITH Plugins > Wishlist - and the Settings tab. Set the Wishlist Page to be Wishlist and the Position to Use shortcode.





8. Set the Menu

Go to Appearance > Menus and click on 'Screen Options' at the top. Ensure that CSS Classes is ticked.




Installing the demo data automatically assigned the menu to the Primary Menu location for you so this is just a review step.

It will be set below like this:



9. Reading Settings

Go to Settings > Reading and set the Front Page to be 'Home'

Set the Posts page to be Blog.

Set the 'Blog pages show at most' to be 8.




10. Set WooCommerce image sizes


Go to Appearance > Customize > WooCommerce and set the image sizes as follows if you'd like to use the demo defaults.





11. All done!



Next Steps:


Full list of theme documentation articles