Block Shop

Thank your for choosing Block Shop and WooCommerce.

Installation

↑ Back to top

The fastest way to install Block Shop is through the WordPress administration dashboard.

Go to: Appearance > Themes > Add New / Upload Theme
Upload the block-shop.zip file your’ve downloaded from WooCommerce.com
Activate as you would any other WordPress theme then proceed with the Setup and Configuration.

To install Block Shop manually:

Download the latest version of Block Shop from WooCommerce.com
Upload the extracted folder to the /wp-content/themes/ dir on your server via FTP.
Activate Block Shop from the Appearance > Themes screen in your dashboard.

More info at: Using Themes.

Setup And Configuration

↑ Back to top

Install the Plugins

↑ Back to top

Upon theme activation you will be prompted to install the plugins required by the theme.

WooCommerce (required) — Since Block Shop is a WooCommerce based theme, having the plugin activate is a must.
One Click Demo Import (recommended) — Help you import dummy content and replicate the live demo. The plugin can be deactivated and deleted after the demo content is imported.

Stay worry free if you won’t see this notification, it only means the plugins are already installed and activated.

Click Begin Installing Plugins
Select the two plugins, choose the Install Option and click Apply.
Return to dashboard and you’re ready to proceed with the Demo Content Import. Since WooCommerce just got activated, you will be prompted to go through the WooCommerce Setup Wizard.

After installing the plugins (‘WooCommerce‘ and ‘One Click Demo Import‘) the theme is ready to begin importing the demo content. Your WordPress administration dashboard will now display a notification allowing you to start the process.

Click Begin Importing
Click Import Demo Data. The automatic process of importing the demo content will now start. The theme comes with the necessary content, so, there’s no need to find, upload, download any other files, just sit back and relax, it usually takes a minute or two.
That’s it, all done! The ‘One Click Demo Import’ plugin can be deactivated now. It has done its job and it’s no longer needed. You should be able to start working on your site.

Customization

↑ Back to top

All theme’s options can be found in Appearance > Customize organized into sections.

Header

↑ Back to top

Navigate to Appearance > Customize > Header to:

Enable / Disable the Search icon;
Enable / Disable the My Account icon;
Enable / Disable the Cart icon;

Footer

↑ Back to top

Navigate to Appearance > Customize > Footer to:

Edit the botton (C) text;
Enable / Disable the “Back to Top” feature;

Fonts and Colors

↑ Back to top

Navigate to Appearance > Customize > Fonts and Colors to:

Adjust font sizes;
Set a different text color;
Set a different font color;

The Shop

↑ Back to top

Navigate to Appearance > Customize > Shop to:

Turn the Product Category links at the top of the page ON and OFF;
Set pagination style: Classic, Load More Button or Infinite;
Enable a border for product images;
Choose to display a 2nd product image when hovering a thumb;

Product Page

↑ Back to top

Navigate to Appearance > Customize > Product Page to:

Enable / Disable the ‘Categories Navigation’;
Change the number of related products;

The Blog

↑ Back to top

Navigate to Appearance > Customize > Blog to:

Turn the post categories navigation at the top of the page ON / OFF;
Highlight the fist 5 posts;
Enable / Disable the Widget area;
Set pagination style: Classic, Load More Button or Infinite;
Turn the Featured Image ON / OFF;
Set the size of the featured images to be displayed;

Social Media

↑ Back to top

The Social Media section will allow you to add link to your social media profile that will be displayed as icons at the bottom-right part of the screen, at all times, on all pages.

Creating Pages

↑ Back to top

The pages in the theme demo are available as reusable blocks. To start a new page based on a demo template, open up the Reusable Blocks section and pick one of the blocks available. Convert it to Regular Block and you’re ready to start editing.

Menus

↑ Back to top

Block Shop has 3 menu locations:

Main Navigation
Vertical Navigation
Footer Menu

Widget Areas

↑ Back to top

Block Shop comes with two widget areas, one for the Shop page and one for the Blog. Navigate to Appearance > Widgets to populate these sections with widgets.