Install WooCommerce(Video included)

Arnold WordPress theme is compatible with the most popular online store plugin – WooCommerce. Please install both Arnold WordPress theme and BM Content builder plugin firstly(learn more), then follow the steps to install WooCommerce plugin and import the demo data.

Install WooCommerce

• Go to Appearance > Install Plugins
• Install the “WooCommerce” plugin
  
• Go to Plugins > All Plugins
• Activate the WooCommerce plugin
  
• Please set up the WooCommerce(store, payment, shipping, etc) following the wizard. The wizard will create the store, cart, checkout pages automatically at the same time.
  
  If you missed the wizard, please go to WooCommerce > Status > Tools and use the page installer tool(read more).

• The WooCommerce wizard will create a default Shop page(Shop – Shop Page). If you cannot find the Shop page, please go to WooCommerce > Status > Tools and use the page installer tool to rebuild it. Readmore

Import WooCommerce demo

To import the demo, please go to Arnold Theme > Import Demo. Pick up the “Demo9” thumbnail, then Import button will change as blur, click it to import the data. The button text will change as “Import completed” when the importing process is finished.

the “Demo9” demo was added from version 2.4.1(2021-11-24)

Edit imported demo pages

Please go to Products > All Products, you will find the imported demo products pages.

Please click a product title to edit it. You can edit the title, description, price, and other options. The product image will be shown on the shop or product list page.

The WooCommerce wizard will create a default Shop page(Shop – Shop Page). The default Shop page(Shop – Shop Page) can not be edited directly by BM content builder or WordPress editor, it can be set column(s) and thumbnail ratio in Appearance > Customize, check more.

The imported “Minimal Shop — Front Page” page is created by BM content builder. Please edit the page, click BM Content Builder to edit.

The editing panel will show, the product list is built by a Masonry Grid module. Please move the mouse above the products list, click Pencil icon to edit it.

Video guide

Check how to create a Masonry Grid shop page(Demo9):

00:00 Install WooCommerce plugin
00:30 Import Shop Demo(Demo9)
00:46 Fix missing filters issue
01:14 Edit the imported pages

Maybe you want to know how to set the sidebar layout, cart icon, slider, etc . Check more

There are may options within the WooCommerce, please check the  WooCommerce official DOC. We won’t list them one by one.