View Product Page

WooCommerce options

From version 2.0, it is possible to associate your WooCommerce products to one or more stores. This way, users interested in your products will be able to check at which stores they are available by simply clicking on a button.

Let’s analyze how to take advantage of this feature in the next sections…

 

 

 

 

 

 

How to associate products to one or more stores

The association of a product to one or more stores can be applied from the section Store locator that you find in the product edit page or massively and automatically from the General options (for further details, please refer to this page).

Here, we will see how to manage the association from the product edit page.

Store Locator options in product edit page

To associate the product, just select one or more stores of those available and save. With just one click, your products will be linked to these stores.

Moreover, by enabling the option Override global settings, you will be able to manage the Find in stores button independently.

For example, if in the general settings you have set the button as hidden, you can choose to show it on this product or, conversely, if you are showing the button on all the products and want to hide it for a specific item, you can just disable the option from its edit page.

Show Find in stores button on product page

General options

To let users check the product availability in your stores, you can show the button Find in stores on your product pages. Go to YITH -> Store Locator -> WooCommerceoptions -> General and enable the option Show “Find in stores” in product pages.

Enable Find in stores button

Now you can start configuring the button style options below:

Find in stores options
  • “Find in stores” position: this allows choosing the position to show the button by selecting it from the dropdown (before or after the title, before or after the price, before or after Add to cart button). As an alternative, you can use the shortcode [yith_sl_find_in_stores] and print it anywhere on the product page.
  • “Find in stores” style: choose the show the button as a text, custom button or theme button.
  • “Find in stores” label: type here the text to show for the Find in stores button.
  • “Find in stores” icon: upload a custom icon for the Find in stores button.
  • “Find in stores” colors: choose the colors for text and background.
Hide "Find in stores" in out-of-stock products
  • Hide “Find in stores” in out-of-stock products: enable this option to hide the Find in stores options on out-of-stock products.
Store Locator - WooCommerce general options
  • Button action: this option allows choosing the behavior of the Find in stores button when users click on it: you can open the Store Locator modal window or redirect them to the Store Locator page.
  • “Find in stores” modal title: (available only after selecting Open the Store Locator modal window) type here the text that will identify the title of the modal window.
  • Store Locator page: choose the default Store Locator page to use for customers who want to check the results.
Default Store Locator page to show results for Find in stores

Modal window options

You can choose what to show in the Store Locator modal window by selecting the options in the section Modal window options.

What to show in Store Locator modal window
Options to show in the Store Locator modal window

Products & Stores

Through the plugin settings, you can easily associate or disassociate your WooCommerce products to all your stores with a simple click.

In the section Products & Stores, you will find the buttons allowing these actions.

Moreover, if you want to automatically associate newly-created products to all your stores without any further action, you can enable the option Automatically associate new products to all stores.

Associate all products to stores

Stock table and management

From the tab Stock Table, you can manage the stock of the products of your stores, choose whether to show or hide the out-of-stock products from the Store Locator, associate a product to one or more stores, and import and export the stock.

Go to WooCommerce options -> Stock table and enable the option Enable stock management. 

The product stock is managed only at the information level and doesn’t reflect in the checkout and orders placed on the site. It has to be updated manually every time it is necessary to change the product quantities.

An additional option will show (Hide shops in store locator if product is out of stock) that gives you the possibility to hide the stores in the Store Locator if the product is out-of-stock.

In this way, you can improve the user experience by letting your users see only the stores where the product is available and be sure they will find it.

Manage product stock for all the stores

Stock management

Stock table

By enabling the stock management, a table with all your stores and products will show. Through this table, it is possible to:

  • manage the stock for each product and store by defining the values in the related fields;
  • associate the product to one or more stores by clicking on Associate now on hover. You’ll be automatically redirected to the product edit page where you can select the stores that you want to associate;
Associate product to the store
  • import/export the stock through a CSV file by clicking on Import stock or Export stock.
Import and export stock with CSV file