New Theme Alert: Velour Pro — A stunning e-commerce WordPress theme is here! Explore Velour Pro
Documentation Themes Shopnex Documentation

Shopnex Documentation

How To Setup Theme And How To Use 1 Click Demo Import

You can create your website like the preview demo in just a few steps 


Step 1) First of all install this theme by going to Appearance->Themes->Add New. Upload shopnex.zip and install it.


Step 2) You’ll see a welcome screen upon activation. Click on the button Get Started with Shopnex. It will automatically redirect you to the demo import page.


Step 3) Select your demo. Click on Import Demo  button. A new window will open along with the required plugins and wait for the process to finish.

How To Continue if “Get Started with” button not working (* Important)

If somehow the button is not working and it does not redirect to the demo import page then follow the steps below


Step 1) First of all install the plugin called “Spiraclethemes Site Library” by going to Plugins->Add New and search for the plugin name


Step 2) After installing and activating the plugin. Then go to Appearance -> Demo Import.


Step 3) Select your demo. Click on Import Demo  button. A new window will open along with the required plugins and wait for the process to finish.

Getting Started With Shopnex (Manual)

Step 1) Create new pages from Pages menu and name it Home for home page and Blog for blog page


Step 2) Go to Settings->Reading menu and from Your homepage displayssettings select A static page and then select Home as Front page and Blog as blog page


Step 3) Save it


Step 4) Now edit your home page using Elementor Page builder easily.

How To Set Page Width in Elementor (* Important)

Shopnex default width is 1380px. After you install and activate Shopnex. You’ll notice that the Elementor’s content is taking the 1170px width and not 1380px width. To change the Elementor’s  page width. We need to add the following steps. Check images below

shopnex-doc-1

Follow the Steps show in Screenshot below. First of all Open your homepage using Elementor Page Builder

shopnex-doc-2
shopnex-doc-3

Lets add the content width 1380px to the Elementor’s Layout settings

shopnex-doc-4

How to Change Logo

Step 1) Go to Appearance->Customize


Step 2) Click on Site Identity Tab. 


Step 3) Upload a logo of your own. 


Step 4) Save & Publish

How to Add Menu

Go to Menus from Appearance-> Menus. 


Step 1) Create a new menu. 


Step 2) Select pages from left and add it to menu 


Step 3) After this Select Theme Locations Primary from bottom and click Save Menu

How To Edit / Create Page With ELEMENTOR Page Builder?

Step 1) Go to Pages->Add New


Step 2) Enter Page Title for eg About 


Step 3) Click on the blue button Edit with Elementor

How To Add Contact Form Shown In Demo

Step 1) Click on Contact -> Add New


Step 2) Create your new form


Step 3) Copy the shortcode


Step 4) Paste your shortcode in the Shopnex Contact Layout widget


Step 5) Save & Publish.

How To Add Copyrights Text

Step 1) Click on Appearance -> Customize -> Footer Settings


Step 2) Scroll down to Footer copyrights text


Step 3) Enter your content


Step 4) Save & Publish

How to Show Products in a page

Step 1) Open you page with Elementor Page builder.


Step 2) Find widget Best Sellers Widget and drop into the section


Step 3) Save & Publish.

Where to find the theme’s WooCommerce options

Go to Appearance -> Customize -> WooCommerce and from the options you can change the products display, WooCommerce sidebar etc.

Was this article helpful?