Truly fine

Documentation.

Product grid

Last update:

Product title font: Choose between “Body font” and “Headings font” for the product titles in cards.

Layout

Products pagination: Change the normal pagination to Ajax if you don’t want page reloads on your product and search listing pages.

Image ratio: This option allows you to select the ratio of the thumbnails that will appear on your product listings (collections, search, etc). “Adapt to image” means that the ratio will be the inherent ratio of the product image (the default option). Portrait, Square, and Landscape will force the images to be displayed as portrait, square, or landscape ratios respectively.

Enable image crop: This option works in combination with the Portrait, Square, and Landscape options on the “Image ratio” setting above. When any of these options are active, disabling image crop via this setting will position the product images in the product cards such as they’re never cropped, displaying fully. This will also enable whitespace around the images where necessary. If the “Image ratio” setting is set to “Adapt image” this option has no effect.

Show second image on hover: Product cards across all listings will reveal their second image on hover if it exists. Performance tip: If your store’s traffic is mostly through mobile devices you should keep this option off.

Two columns on mobile: When “Stack on mobile” is enabled in product-listing sections, display products in two columns instead of one. This is useful for large inventories since more products will be visible without scrolling.

Buttons

Show “Add to cart” button: Product cards across all listings will display an “Add to cart” button on desktop. Products with multiple variants will display a “Select options” button instead.

Show “Add to cart” button on mobile: Product cards across all listings will display an “Add to cart” button on mobile. Products with multiple variants will display a “Select options” button instead.

Reveal “Add to cart” on hover: If the “Show Add to cart button” setting is enabled, product cards across all listings will reveal the “Add to cart” button when the customer hovers their pointer over it. Note that this only applies on desktop viewports and “Grid” layouts. It is not applicable for “Slider” and “Row” product layouts.

Button style: Choose whether you want the “add to cart” buttons on the product cards to be Outlined or Solid.

Ratings

Hide ratings when there are no reviews: When a product has no reviews, the star rating will be hidden in product grids such as collections, related products, etc.

“All Products” template

Hide “All Products” hero banner: Controls the visibility of the title and description of the “All Products” template.

“All Products” hero banner description: A custom description for the “All Products” template.

Can't find what you are looking for? Feel free to submit a request.