How to add WSH Order Form & ReOrder app block to product pages

1. Open the theme editor by going to Online Store > Themes and click Customize on the theme you want to add the WSH Order Form & ReOrder to.

   

   The theme editor will look like this

2. Go to the Products templates from the Templates dropdown

   
   

3. Select the template you’d like to add the Wholesale Order Form to. In most cases, this would be the “Default product” template

   
   

4. Navigate to the section you’d like to add the WSH Order Form & ReOrder to and click Add block

   In this example, we will add it inside the Product Information block to the right of the main product image.

   
   

    

5. Find and click WSH Order Form & ReOrder under the Apps section

   

6. Once the block is added, click on it to open its settings. This is where you can customize the layout of the order form.

   
   
   
   You choose from these 3 layouts:
   1. Comprehensive layout — has each variant listed in rows, where each option has its own column. Column values may repeat
   2. Matrix layout 1 — matrix format with the first option listed horizontally as columns. The second option, if there is any, will appear vertically, while a third option would be listed in a dropdown
   3. Matrix layout 2 — matrix format with the first option listed vertically as rows. The second option, if there is any, will appear horizontally, while a third option would be listed in a dropdown
   
   

   You can also customize the text, button color, and other elements on the order form.

   Don’t forget to Save your changes.

7. After adding the Wholesale Order Form app block to your current theme, go back to the Wholesale Order Form app settings. Check if the app block is working by clicking Verify now.

   
   
   

Repeat these steps any time your store changes themes.