The 'View Catalog Screen' page works well as a presentation tool for showing the line to the buyer. The user can quickly add products to the cart, both the style and the colorway level.


Filter for a Product

To enable the filter modal, select the 'Filter' button on the bottom left corner of the page. This action will make a set of filters appear on the left side of the screen. You can filter Use the filter menu to now filter products for example gender, color, or availability. The Keyword Search box can be used to further refine your search.





The filter sets are unique for each brand. Some examples are:

  • Using the 'Keyword Search' field (product name, style number, SKU, color code, etc.)
  • Category
  • Collection
  • Color
  • Gender
  • Rating
  • Date Available
  • Active or Dropped


Category filters

If the brand has enabled this feature, you will notice a row of filters across the bottom of the page. Each tab acts as a filter. You can select one to display only items from that particular section, or deselect to display all. 




View Page Types

In the bottom left corner of the page, you'll notice a three buttons. The 'Filter' button will show or hide any product filters, while the double button allows you to toggle between the catalog and product detail page view.





The Catalog Page

The catalog view, previously known as '3up' view, is the default option. This view balances well larger images and showing more styles on a page.





Product Detail Page

The product detail page, previously known as The '1Up' view, gives you the most detailed view of the product. You can navigate to this view by selecting the product details navigation button, or clicking any individual products. To get back to the catalog view, simply choose the button with four squares or the catalog name in the upper right corner.





Scrolling down will allow you to view alternate images, videos and more details about the product you are currently viewing. This information can include useful, in-depth marketing material or product attributes, technology information and other details. For at once catalogs availability will be displayed towards the top, for a preseason catalog it will be at the bottom. You can also find any possible revision details here. 






The technology details section can contain further technical details about the product. If there are arrows pointing down, you can access more information by clicking the text box. 





Clicking the image will open a new view of the product images, where you can zoom in on the images and view videos and 360 images. In this screen you also have an opportunity to add the product to your shipments.





Add to Cart and Add All Variations Buttons
You can add styles and colors directly to the cart:

        • Add To Cart will add individual colors one by one
        • Add All Variations will add all of the colors for the selected style

 

Catalog Product Slider 
When you hover over the thumbnails of the images, the images will scroll left, right, or stop, depending on where you are on the page. Selecting a thumbnail will display the product in the larger view. You can also click the ‘Hide Product Slider’ icon to hide the slider.

 

Notes & Catalog Revisions

This section provides a place to write your own notes about the products, and read the notes your rep/dealer has written.  This also houses any catalog revisions that have been made after publishing, as to give the users the most up-to-date product information possible. Notes is also a filtering option for the products.





Similar/Complementary Products

If the product you're viewing has complementary or similar products available, these will display under the product data.