Product cards
Change layout, content and display variant options
Last updated
Change layout, content and display variant options
Last updated
Steps
In the theme editor (Customize), click Theme settings
Locate Product cards
Make necessary changes
Save
Style: There are 3 card styles to choose from: Standard, Card and Morden.
There are several options for you to decide what to show inside products layout:
Show button "Quick view"
enable quick view button when hover a product
Show button "Add to cart"
enable add to cart button when hover a product
Show button "Add to wishlist"
enable add to wishlist button when hover a product
Show button "Add to compare"
enable add to compare button when hover a product
Alignment
Specify the alignment for product info (left, center, right).
Product name text transform
Define the transformation for product names (unset, capitalize, uppercase).
Product name size
Set the font size for product names.
Price size
Set the font size for price.
Show vendor
Determine whether to display the vendor information.
Show short description
Choose whether to display the short description.
Show rate
Decide whether to display rating stars.
Rate color
Set the color for the rating stars.
Show secondary image
Display the second image upon hovering.
The Zoom and Glide Effect
The Zoom and Glide Effect works only when Show Secondary Image is off, applying smooth zoom and movement to the primary image without interference from a secondary image.
Image ratio
Specify the ratio for the images.
Custom ratio
Define a custom ratio instead of using the default image ratio.
Hover effect
Choose the effect for the hover image.
Hidden add to cart button
Conceal the add to cart button.
Hidden price
Suppress the display of the price.
Show product actions on mobile
Choose whether to display product actions on mobile devices.
