Have you seen Elementor?

Our flagship product, Layers has been acquired by the team at Elementor.

With a powerful, fast page builder, Elementor is the best way to get your site online with as little effort as possible.

Loft: Configure WooCommerce

The WooCommerce plugin allows you to setup a fully featured web shop or digital distribution solution to sell your handmade goods, affiliate products, music, multi-media content or services. Visit Install WooCommerce if you have not installed the plugin. It is required for eCommerce functionality in your theme to work.

WooCommerce Support Our WooCommerce documentation covers basic setup that is specific to the theme. For more information on how to use WooCommerce products, options and settings, including Shipping, Payment and other you-specific settings, please consult their user guide. It goes into great detail in terms of both setup and maintaining your products, shipping, stock, tax and much more.View the WooCommerce User Guide
The following guides you through optimal settings for using WooCommerce with Obox Themes and relates to the 2.1 version or later.

Products

  1. Go to WooCommerceSettings
  2. Click the Products tab, then click the Display link (W.C. 2.3+)
  3. Ensure the Shop Page has Shop selected in the pages drop-down.
    • If you do not have this in your dropdown because you skipped setup, you will need to create a shop page or load our demo content, then return to this step.
  4. Ensure "Enable AJAX add to cart buttons on archives " is unchecked if you are using Loft, Cleansale, or Kiosk, or have Obox Social Commerce installed.
  5. Under Product Images, enter the recommended image dimensions specific to your theme, listed at the bottom of this article.
  6. Optional: Click the Inventory link at the top under the Products heading
  7. Check Hide Out of Stock Items from Catalog if you are managing inventory and do not want out of stock items to be visible.

Checkout

  1. Click the Checkout tab
  2. Uncheck Enable guest checkout if you want to capture customer data or enforce tracking/account management
  3. Check Force Secure Checkout if you have installed SSL on your domain
    • Leave Force HTTP when leaving the checkout unchecked unless your Payment Gateway requires otherwise
  4. Select your Cart and Checkout pages created by WooCommerce or our demo content in the corresponding drop-downs.
    • If you do not have this in your dropdown because you skipped setup, you will need to create these pages or load our demo content, then return to this step.
  5. Select a page to use as your Terms and Conditions. This can be any full-width or default page you create under Pages. If you do not have one yet, create one and return to this step.

Accounts

  1. Click the Accounts tab
  2. Choose the page to use for the My Account Page in the drop-down
    • If you do not have this in your dropdown because you skipped setup, you will need to create these pages or load our demo content, then return to this step.
View the WooCommerce documentation for specifics on configuring Inventory, Shipping and Payment Gateways.

Product Image Sizes

Product image quality and size are determined by your WooCommerce  settings, found under WooCommerce Settings . Click on the  Products tab , then click the Display link and scroll down to the Product Image Sizes section.

Following are our demo settings:

  • Catalog Images: 300 width and 400 height, hard crop checked
  • Single: 600 width and 800 height, hard crop checked
  • Product: 120 width and 120 height, hard crop checked

The height is really up to you depending on the kind of product images you are using, as well as the crop. Hard crop will crop the bottom off your image at the height you set. Unchecking hard crop will scale the image to the width, regardless of the height. We recommend using the same size original image files for all images in your shop to get the cleanest look.

Note that if you set the Shop Sidebar option to None, you will need to increase the Catalog image to 500 and the Single image to at least 620. We recommend unchecking hard crop for no-sidebar layouts.

Product category images are set under ProductsCategories and will display on shop category pages above the product listing if enabled in the Theme Options, and in the Product Category widget. For best results, upload images at least 660 pixels wide for shops with the sidebar, or 1000 pixels wide for shops with no sidebar. These images automatically scale in the widget.

If you had content in WooCommerce or WordPress previous to activating your theme, you must run the Regenerate Thumbnails plugin to re-create your theme images properly. See How to Regenerate Images to Fit Theme Templates

Elementor