There are 4 tabs in Products – Custom Layout of ‘Shopbuilder’. Layout, Settings, and Style tabs, and Advanced.
1. Layout
This tab consists of Presentation and Pagination options.
1.1 Presentation: You can set the default view (Grid view or list view). There are 8 different “Grid Layouts” to choose from. Determin the number of columns you want to display per row. Select your preferred “List Layouts” and set the number of columns to show per row for list layouts.
Select the list view image width and gap. Adjust the layout grid style.
Customize the Action Button Layouts according to your choice.
1.2 Pagination: Toggle this button to enable pagination.
Please note that, if you use the “Ajax Product Filters” widget, only “Ajax Load More” pagination will appear, regardless of the above settings.
2. Settings
Content Visibility: Through this option you will get the permission to show and hide different contents: Like Product Title, Short Description, Product Price, Product Rating, Product Badges, Product Categories, Sale Countdown, and Stock Count (Please note that, not all layouts support product stock count).
You can also customize the Action Button Visibility.
Product Image: The Product Image section is for the customization of product’s image.
Action Buttons: Through Actions Button you can personalize the Wishlist, Compare, And Quick View buttons settings.
Product Title: The Product Title section is for the product’s title Settings.
Product Rating: Customize the rating appearances and modify the rating options.
Badges: Enable the Badge option. Select your preferred custom badge appearance and modify the further adjustments.
Links: Activate these options for clickable title and image.
3. Style
Users can customize the color scheme of product custom layout section. For layout design, they can adjust the layout spacing, colors, background colors, and borders.
For image customization, they can modify the image dimension, color, border, and spacing.
Additionally, in product titles, product price and product rating options they can adjust the typography, color, border, and spacing.
In Add-to-Cart, Wishlist and Quick View Button, users will get the permission to edit the typography of icons, colors, border, and spacing.
They can modify the Typography, Colors and Spacing of Badges and Not Found Notice.
