Pepperi provides a free WordPress Plugin, allowing you to easily display your Open Catalog on your WordPress site.
Once you have configured the Open Catalog Add-on in Pepperi and the associated Transaction Type , you can install the Open Catalog WordPress Plugin and define the layout of the Open Catalog Pages. The Plugin will use an API access key to get the data and configuration from your Pepperi account.
Install the Pepperi Open Catalog Plugin in your WordPress Plugins directory.
Once the Plugin is installed, configure three tabs.
The plugin uses an API key to access your Pepperi data.
Copy the API key from the ATD Import/Export addon in the Pepperi settings and enter it here.
Configure the navigation to pages that the user will be directed to.
Home - the WordPress page defined as the home page
Products Page - the WordPress page defined as the products (or catalog) page
Product Information Page - the WordPress page defined as the product info page
These pages are defined in your WordPress Pages section.
Indicate the number of products per page - 10,20,30,40 or 50 (default is 30).
Categories selection behavior defines whether a mid-level node is clickable for displaying results or only for displaying the next level of the tree.
Define the scrolling behavior within the carousel.
By page - will scroll to the next page of the carousel.
By element - will scroll to the next item on the carousel
Create API requests used by the products carousel shortcode as parameters (see shortcode explanations below). This parameter will specify the API call made for the products to be displayed on the carousel.
Enter a name (used as a parameter in the carousel shortcode) and the API call.
Example API requests:
- Featured items for a carousel on the catalog home page
- New products for a carousel on the products page
The following shortcodes are used on the WordPress pages to position the various elements on the pages of the Open Catalog.
Displays a dropdown for the categories tree and Search field.
The Categories are determined by the Filters defined for the associated Catalog.
Displays the Smart Search options configured in the Open Catalog Transaction Type
Displays the list of products, with results count, sorting options, view options, paging, and the number of records per page.
Displays the breadcrumbs element.
Breadcrumbs are clickable only if the categories configuration allows clicking on a mid-level node.
Displays the detailed item information. This block should be configured on a separate page so that if a user clicks the back button, they are returned to the page from which they navigated to the product details page.
Displays a carousel of products in a thumbnail view (Medium view). The products in the carousel are defined by the API requests defined in the Advanced tab of the Plugin settings.
The Carousel shortcode uses the following parameters:
The name of API request in the plugin settings in the Advanced tab (explained above)
‘xs’ | ‘sm’ | ‘md’
[pepperi_oc_products_carousel name="related_car" size='md']
"related_car" is the name of the request for related items added in the Advanced tab configuration