BigCommerce Products
Use BigCommerce Products to display a filtered BigCommerce product gallery with optional pagination.
This module is available only when the BigCommerce for WordPress plugin is installed and active.
Usage​
Use BigCommerce Products to render the BigCommerce product gallery inside a Beaver Builder layout. The module outputs the [bigcommerce_product] shortcode and can limit the gallery to featured products, on-sale products, or recently imported products, while optionally splitting results across multiple pages.
Use BigCommerce Products on store landing pages, sale pages, featured product sections, and other layouts where you want BigCommerce catalog content inside Beaver Builder without building shortcode attributes by hand. It works well for quickly surfacing a focused slice of your catalog in a visual layout.
Module Settings​
The BigCommerce Products module settings control which products appear in the gallery and whether the results are paginated.
Content Tab​
The Content tab controls pagination and the product filters applied to the gallery output.
Pagination
The Pagination section controls whether the gallery is split into multiple pages and how many products each page shows.
Pagination Settings
Use Pagination Default: No
Splits the product gallery across multiple pages.
Products per page
Products per page Default: 8
Sets how many products appear on each page when Use Pagination is set to Yes. The field supports values from 0 to 100.
Filters
The Filters section narrows which BigCommerce products appear in the gallery.
Filter Settings
Show only featured products? Default: No
Limits the gallery to products marked as featured in BigCommerce.
Show only on-sale products? Default: No
Limits the gallery to products that are currently on sale.
Show only recent products? Default: No
Limits the gallery to recently imported products. On the front end, the shortcode treats recent products as items imported within the last two days unless that window is changed with the bigcommerce/query/recent_days filter.
Advanced tab​
The Advanced tab includes all the standard settings for margins, visibility, animations, and advanced HTML configurations.
See the Advanced tab section for more information.