The Product Category Block in BeyondCart allows you to highlight specific product collections inside your mobile app, helping your customers browse with ease and discover products faster.
This block is used to showcase products grouped by category, such as “New Arrivals,” “Summer Collection,” or “Men’s Footwear.” It’s especially useful for brands that want to make collections stand out and improve product discovery in a mobile-first shopping experience.
Settings
General Tab
Category ID
Select the category (collection) you want to display.
The dropdown will auto-populate from your store’s WooCommerce product categories.
Limit
Define how many products to display from the selected category (e.g., 4, 6, 8).
This helps keep the block visually tidy and loads content faster.
Padding Tab
Adjust spacing inside and outside the block for mobile layout optimization.
Padding (space inside the block):
Top, Bottom, Left, Right values (in pixels) to control inner spacing.
Margin (space outside the block):
Use this to adjust how far the block sits from other blocks.
This helps create a visually balanced and professional-looking layout.
Layout Tab
Choose how products are arranged inside the block:
1 Column: Single-product per row (great for large visuals).
1.5 / 2 / 2.5 / 3 Columns: Adjust the number of products shown per row.
Grid: Compact product tiles.
List: Vertical list layout (ideal for quick browsing).
Best Practices
Limit categories per page to avoid overwhelming users.
Use different layouts per block to add visual variation.
Highlight categories with exclusive offers or limited-time deals.
Contact Us
For queries and feedback, feel free to reach out to us at help@beyondcart.com. We’re here to help and eager to assist you with your concerns.