10 - How To Change Products Card Design

1. Open Product Actions

Begin by clicking the action buton to access the product card settings within the Boni application.

2. Access edit product card

Click the edit button to open the design options for the product card.

3. Select product card design template

Click the product card design template and customiz title and description and card colums and background style like color image and Gradient colors.

4. Enter Product Description

Enter your product title and description to provide clear and informative details on the product template.

5. Set title and description color

You can also set the color of the template title and description according to your brand style.

6. Content Position Additional Settings

You can set the title and description content position using the Left, Center, or Right alignment options.

7. Choose desktop columns

Click the Desktop Columns dropdown to set the number of columns for the desktop view according to your preference.

8. Choose tablet columns

Click the Tablet Columns dropdown to set the number of columns for the tablet view according to your preference.

9. Choose mobile columns

Click the Mobile Columns dropdown to set the number of columns for the mobile view according to your preference.

10. Open Background Style Settings

Click to open the background style settings to customize the card's background appearance.

11. Background Style

Background style options are available — you can set a color, image, or gradient in the template.

12. Save Design Changes

Click the Save Changes button to apply and preserve all modifications made to the product card design.

You have successfully customized the product card design in Boni by adjusting colors, layout, and background styles. Your changes are now saved, enhancing the visual presentation of your products.