WooCommerce

3 min read Updated

The WooCommerce section sets how Corp shows the shop, product images and the buttons on product listings. Go to AppearanceCustomizeTheme SettingsWooCommerce. The section shows only when the WooCommerce plugin is active.

The WooCommerce section in the Customizer with Shop Sidebar Position, Product Gallery, Mini Cart, Quick View, Quick View Location, Add to Cart and Add to Cart Location

To set up your store, use WooCommerceSettings and AppearanceCustomizeWooCommerce. The settings on this page only cover the parts that the theme controls.

Settings

Shop Sidebar Position
Show the shop sidebar on the Right or the Left. Default: Right.

Product Gallery
Choose how the images on a single product page work. Default: Gallery Slider + Lightbox.

  • Gallery Slider
  • Gallery Slider + Lightbox: A click on the image opens it in a lightbox.
  • Gallery Slider + Zoom: The image zooms when you move the pointer over it.
  • Gallery Slider + Lightbox + Zoom

Mini Cart
Show a cart icon in the header menu. A drop down lists the items in the cart. Default: off. The mini cart does not show on the Cart and Checkout pages. Corp also hides it when Max Mega Menu or UberMenu is active. See Integrated Plugins. To hide the mini cart while the cart is empty, see Advanced Customizations.

Quick View
Add a Quick View button to the products on shop and archive pages. Default: off. See Quick View below.

Quick View Location
Choose where the Quick View button shows. Default: Thumbnail Hover.

  • Thumbnail Hover: A magnifying glass icon shows over the product image when the visitor points at it.
  • Below Thumbnail: A Quick View button shows under the product.

Add to Cart
Add an Add to Cart button to the products on shop and archive pages. Default: off.

Add to Cart Location
Choose where the Add to Cart button shows. Default: Thumbnail Hover.

  • Thumbnail Hover: The button shows over the product image when the visitor points at it.
  • Below Thumbnail: The button shows under the product.

With both buttons on and set to Thumbnail Hover, the shop shows an icon for Quick View and an Add to Cart button over the product image when the visitor points at it.

A shop page where the first product shows a Quick View icon and an Add to Cart button over its image

Quick View

Quick View opens a product in a window on top of the shop page, so a visitor can look at a product without leaving the page. The window shows the product images, the title, the rating, the price, the short description and the Add to Cart form. The title links to the full product page. The visitor closes the window with the close icon.

The Quick View window over the shop page showing the Brand Stationery Set image, title, price, description and Add to Cart button

Turn on Quick View to use it. If you use Below Thumbnail, the button label is Quick View. With Thumbnail Hover the button is an icon.

Developers can change the window with the siteorigin_corp_woocommerce_quick_view_* action hooks and the siteorigin_corp_woocommerce_quick_view_product_image_size filter. See Theme Action Hooks.

Shop Sidebar

Corp adds a Shop widget area when WooCommerce is active. Add widgets in AppearanceWidgets. The Shop widget area shows on WooCommerce pages when the page layout is Default and the area has a widget. It does not show on single product pages. See Widget Areas.

To change the layout of the shop and category pages, use the Type: Products and Taxonomy sections in Page Template Settings.

Cart, Checkout and My Account

WooCommerce builds the Cart, Checkout and My Account pages from blocks or from shortcodes. To keep visitors focused on the purchase, set the Cart and Checkout pages to No Sidebar in Page Settings.

Store Notice

When you turn on the store notice in WooCommerce, Corp shows it in a bar at the top of the site and removes the default WooCommerce notice, so the notice shows once.