How to Add a Store Directory to Your Website Using the Store Directory Widget

As an affiliate store owner under a Fulfillment Center, you’re part of a larger network of stores—each serving different markets or niches. The Store Directory Widget lets you display a directory of all affiliate stores that have chosen to be listed, helping visitors discover the broader community connected to your Fulfillment Center.

Adding this widget to your website is a great way to support fellow affiliates, showcase the strength of the network you belong to, and offer your customers more options to explore. In this tutorial, you'll learn how to add and customize the Store Directory Widget on your site.

To add a store directory to your website:

1. Launch the Website Editor.
2. Click on the WIDGETS button in the Website Editor Toolbar.
3. Browse the Widgets tab to locate the Store Directory Widget in the ADVANCED section.
   
4. Click and drag the Store Directory Widget onto your website page.

   You can insert it:

   • Within rows or columns
   • Above or below existing widgets

   The Store Directory Settings popup will be displayed with the Store Directory Properties tab selected.

   
5. Configure the settings for the Store Directory Widget as needed.
   • Panel Title: lets you specify the heading that will appear above the store directory panel.
   • Stores Per Page: lets you specify the number of stores that you would like to be displayed per page.
   • Thumbnail size: lets you set the dimensions of the image thumbnails for the store logos. You can choose a preset size or choose Custom Size to specify a custom size.

     The following fields will be displayed when you select Custom Size:

     • Thumbnail Width: lets you specify the width of the thumbnails in pixels.
     • Thumbnail Height: lets you specify the height of the thumbnails in pixels.
   • Crop Thumbnail: crops the thumbnails to a square when "Yes" is selected. Leaves the thumbnails in their original shape when "No" is selected.
   • Show Sort Option: tick this checkbox to allow users to sort the directory.
   • Show Store Name: tick this checkbox to display each store's name below its thumbnail.
6. Click OK to apply the changes.
7. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.