Furniture Shop Guide


PRODUCT PAGE: https://www.hexater.com/themes/furniture-shop/

Theme Demo

Theme demos are provided for a couple of reasons.  First, of course, so you can get an idea of how the theme looks and feels before you purchase.

Secondly, with this user guide and referencing the same demo, you can replicate it on your own domain and website.  Test and try everything out before you start setting things up with your own products, services and/or content; take it for a test drive and see how everything works. 

And, from there, it also gives you a great starting point or framework to add your own content, media, layouts and configurations.

This theme’s demo: http://demos.hexater.com/furniture-shop/

Just reference the demo above and follow the instructions below this section.

WordPress Install & Theme Activation

Install the Newest Version of WordPress (see: How to Install WordPress).

How to Install Sample Content

This section is optional.  Sometimes it’s helpful to first set up your new theme to look like our Theme Demo and then modify it per your needs.  To help accomplish that, we provide both the Content and Setup Routine below and an XML file that will import our sample content and media.

If you haven't already, you'll find this file to download in your themes admin under the ADMIN MENU > Appearance > Hexater Theme Info.

Here’s how to install the sample content:

  1. ADMIN:  Tools >> Import
    1. WordPress – Click Install Now
    2. WordPress – Run importer
    3. Browse and Choose the XML Content File You Downloaded
    4. Click Upload File & Import
      1. Assign Post to Existing User or Create a New User
      2. Tick the Box: Download and import file attachments
      3. Submit

ImportantThe XML only installs default posts, pages or media with some exceptions.  It does not import content into the customizer, custom posts or other special settings areas (eg, post meta-boxes). 

It also does not automatically configure any other settings, widgets or menus.  You will need to follow the Content and Setup Routine outlined in this doc and add everything not imported by the XML manually.

Warning: sample content should ONLY be imported on a fresh install of WordPress.  It should not be used if you have an existing website, installation of WordPress and previous content.


Theme Customizer Routine

ADMIN: Appearance >> Customize

LIVE PREVIEW: The customizer is an awesome, core feature of WordPress that we take full advantage of in our themes.  As you make changes on the left panel, you can see those changes update and appear in the live preview to the right.

Theme Customizer Steps

The customizer is divided into top level panels.  Each Panel is divided again into sections

PANEL: Header Settings

  • Logo
    • Logo Image
    • Logo Text
      • If no logo is uploaded, this will be used instead. Basic HTML is allowed

PANEL: Menus

  • Edit existing menus or create a new menu
    • There are four menu locations for this theme: Top Left Menu, Top Right Menu, Header Menu, and Footer Menu. When you create a menu, check the appropriate menu location box and it will appear in that area.

PANEL: Front Page Settings

(Only visible when viewing the front page.)

  • Static Front Page / Blog
    • Choose whether to display a static front page or the latest blog posts.
  • Show/Hide Content Sections
    • Choose whether or not to display front page sections.
  • Hero Section
    • Background Image – optimal image size is 1920 x 907 pixels
    • Small Text – text that displays above the title
    • Title
    • Button Text
    • Button Page/Custom Link – either an existing page on the site or an external link
  • New Products Section
    • Main Image – optimal image size is 867 x 859 pixels
    • Heading (e.g. shop new in)
    • Title
    • Text
    • Button Text
    • Button Page/Custom Link – either an existing page on the site or an external link
    • Thumbnail Image – optimal image size is 454 x 472 pixels
  • Best Sellers Section
    • Heading (e.g. shop our best sellers)
    • Display type
      • Categories – click Add New Category
        • Category – choose the category from the dropdown list
        • Category Image – optimal image size is 419 x 454 pixels
        • Category Description – text area
      • Products – your three best selling products will be displayed
      • Manual Entry – click Add New Item
        • Item Image – optimal image size is 419 x 454 pixels
        • Item Title
        • Item Description – text area
        • Item Link – custom link
  • Featured Categories Section
    • Heading (e.g. shop by room)
    • Display type
      • Categories – click Add New Category
        • Category – choose the category from the dropdown list
        • Category Image – optimal image size is 296 x 296 pixels
      • Manual Entry – click Add New Item
        • Item Image – optimal image size is 296 x 296 pixels
        • Item Title
        • Item Link – custom link
  • Customer Reviews Section
    • Heading (e.g. customer reviews)
    • Review Entry – click Add New Review
      • Review Text
      • Customer Name
      • Customer Location
  • Show/Hide Content Sections
    • Choose whether or not to display front page sections.

PANEL: Blog Elements

  • Show/Hide Elements
    • Check the box next to the areas you would like to hide.

PANEL: Widgets

(Only widget areas that are visible on the current page will display.)

  • Footer Lead Capture
    • Use the “(Hexater) Lead Capture” widget here.
      • Form Heading (optional, not shown in theme demo)
      • Secondary Text (e.g. subscribe for 20% off your first purchase!)
      • Display name field checkbox (optional, not shown in theme demo)
      • Recipient Email Address
  • Footer Social Bar
    • Use the “(RCI) Social Button Bar” widget here to add your social icons.

PANEL: Footer Copyright

  • This panel has only one main section
    • Enter the year established and the company name to add or override the default values, or enter alternative text to override all default text.

PANEL: Colors

  • Choose a Different Color Scheme
    • If the default color scheme for this theme doesn't suit you, feel free to try out these other options put together by our design team!
  • Color Workshop
    • Here you can change colors individually on the site. These colors override any scheme.)
    • These options cover the main colors on the site.

PANEL: WooCommerce

(This panel appears once the WooCommerce plugin has been installed.)

  • Product Catalog
    • Products Per Row – set this to 3 to match the theme demo
    • Rows Per Page – set this to 4 to match the theme demo
  • Product Image
    • Main Image Width – set this to 800 to match the theme demo
    • Thumbnail Width – set this to 420 to match the theme demo

PANEL: Additional CSS

  • Custom CSS
    • As of WordPress 4.7, this section is used to add custom css to your site.

Done with the CustomizerSave & Publish!

WooCommerce Notes

As of WooCommerce v 3.3.3, please note the following:

  1. You will need to complete the WooCommerce setup screens in order to fully integrate the plugin into your theme. In some cases, you may need to do the following to hook up the template pages:
    1. Navigate to WooCommerce >> Status
    2. Click on the “Tools” tab
    3. Locate “Create default WooCommerce pages” and click on “Create pages”
  2. There is a known issue with WooCommerce when using RTL layout settings, in which the main product image on the product details page will not display. The fix for this is located here: https://github.com/woocommerce/woocommerce/commit/e93608feb0c3ecd1bfdadc1074705c74727aa415
  3. When using PayPal Express Checkout, you may see an issue with a broken image on the cart page, below “Proceed to Checkout” button. This is a WooCommerce bug – to fix it, follow these steps:
    1. Navigation to WooCommerce >> Settings
    2. Click on the “Checkout” tab
    3. Click on the “PayPal Express Checkout” link near the top
    4. Scroll down to “Button Size”
    5. Choose either Small, Medium, or Large, depending on your preference
    6. Scroll to the bottom and click “Save changes”
  4. If you wish to remove decimals from product prices, as shown in the demo, do the following:
    1. Navigate to WooCommerce >> Settings
    2. Scroll down to the “Currency options” section
    3. Change “Number of decimals” to 0

For detailed help on getting started with WooCommerce, including installation, settings, adding and configuring products, shipping, fulfilling orders, and sales reports, take a look at the guide here: https://docs.woocommerce.com/documentation/plugins/woocommerce/getting-started/

Or check out WooCommerce’s youtube channel for helpful how-to videos: https://www.youtube.com/channel/UC63GQg3s2QcgOpMzsiF6wwQ/featured