Products are the lifeline of any business. You are setting up your store with the aim to sell maximum products. With our Booster Theme V5, modify your collection's design on the page and alter its layout. You can either alter a small section or the entire page.
Product and Collection Card settings are available in the customize option of your Shopify Store. To access the settings:
How many cards per row? (Desktop/Mobile)
With this setting of Booster Theme V5, you can choose the number of cards you want to display on a single row when visitors land on the products page. You can increase or decrease the number of cards displayed by default. You can do this either on the products or collection pages. Alter the setting either for your Desktop or Mobile version.
Space between Cards
Along with deciding on the number of cards, you can choose to change the extent of the available area between two cards. With this setting's help, you can conveniently select the amount of free space that you want to have between two product cards. Modify the amount of space available between two cards or products.
How to use Card Image Fit
We offer this setting to help you in fitting the images accurately. You may face trouble in fitting the image of your product in the card. When your image doesn't fit the available card's ratio setting, you can choose to alter your images. You are either required to:
- Preserve Ratio: We offer this setting for you to display the entire image in the dimension it initially has. However, some amount of white/empty space can appear on the sides of the card.
- Adjust the ratio to hide the space: If the ratio of the image doesn't match the ratio of cards, images can be altered to fit the card ratio. The product images are then cropped and adjusted in such a way so that it fits the card perfectly well, leaving no white spaces.
You can select either of the two options to fit your product images in the cards to be displayed properly, and the visitor can determine their choices.
Using the Card Image Ratio
This setting of our Booster Theme V5, you can alter and select the ratio of the images that it is best suited to and the size of the card. Change the ratio of your card image by selecting one of the available options.
There are five varied options provided for the convenience of the users: 2:3(1), 3:4(2), 1:2(3), 4:3(4), and the last one is the custom ratio. With this option, you can choose a ratio of your own if you don't want to use one of the available options.
Type in the ratio that you want to use for your card image. According to the ratio provided, your card images will be set. A few popularly used ratios include 4:3, 16:9, and 3:2.
Product Card Type
When you do not like the card of a product image, you can choose to alter it according to your liking with this setting option. The theme provides five diverse options for the user to try different settings and check how it looks. The different options provided are: Default(1), Show the Button on Hover(2), Slide the Button on Hover(3), Hide Button(4), Catalog(5).
Show product gallery instead of a single image
This setting will replace the product card image with a gallery of images, allowing the customers to navigate through the different product pictures.
Displaying the Secondary Product Image on Hover
We offer this setting in the latest version of Booster Theme so that you can choose to display an image of the secondary product when the mouse pointer is brought over the image. The user, when placing the pointer over it, the image of the secondary product is displayed.
With this setting, you can choose to alter the text's alignment that is placed in the store.
There are three varied options provided for the user to choose: Left(1), Center(2), Right(3). Choose the option that goes well with the design of your store.
Display the Brand Name of a Product
You have products listed from different brands. We provide the option of adding brand names of the respective product. This option allows you to do so. Brand Name is displayed beneath your product's image so that the visitor while scrolling through the options, knows which brand the product belongs to. Type the brand name in the field provided.
Show Review Rating Stars
Consumers often check for a review of the product to know the experience of others. This setting will display the review star rating beneath the product card.
Product card typography
In this section, you can modify the color and the weight of your product card elements.
Limit product name length
Use this setting to limit the product title by an X amount of words or X amount of characters.
Using The Collection Card Setting
With this setting, you can easily alter a collection card image you are using in your Shopify store. There are four varied options provided that helps you to set one that is highly preferred. These settings will modify the collection cards on the Collection list page.
The four different options provided include Default(1), Show text inside the product card(2), Show button inside when the user hovers(3), Hide Text(4).