💻
Havi cosmetic theme documentation
  • Welcome
  • Installation
    • Theme
    • Shopify apps
  • Customization
    • Store settings
    • Theme settings
      • Multiple layouts
      • Colors
      • Buttons
      • Typography
      • Currency conversion
      • Wishlist
      • Search
      • Product item
      • Color swatch
        • Color swatch
        • Variant images swatch
        • Variant images grouped
      • Product detail
        • Each product has a different size chart
        • Each product has a different custom popup
      • Product quickview
        • Product variants (option selectors)
        • Product details
        • Countdown metafield
        • Short description metafield
      • GDPR and Notification someone purchased
        • How to get the product handle
      • Newsletter popup
      • Cart
      • Social media
      • Favicon
    • Page settings
      • Sections
        • Static sections
          • Announcement bar
          • Header
            • Navigation
            • Mega menu
          • Newsletter
          • Footer
        • Dynamic sections
      • Pages
        • Home
          • Custom HTML
          • Blog post
          • Brands
          • Collection list
          • Collection tab
          • Collection with image
          • Featured collection
          • Custom sub banner
          • Image with text
          • Slideshow
            • Image slide
            • Embed video slide (youtube, vimeo)
            • Video slide
          • Featured product
          • Instagram feed
          • Testimonials
          • Text with optional font awesome
          • Text with optional image
        • Password
        • Collection pages
          • Collection sidebar
        • Collection list page
        • Product pages
          • Product default layout
          • Product sticky layout
          • Related products
          • Recently viewed products
          • Upsell bundled products
          • Custom product tab
        • Blogs
        • Blog posts
        • Cart
        • Gift card
        • Custom pages
          • About
          • Contact
          • FAQ
          • Image gallery
          • Instagram shop
          • Wishlist
  • Tips
    • Change logs
Powered by GitBook
On this page
  • Product item setting
  • Product image swap
  • Product image border
  • Product info
  • Product variants

Was this helpful?

  1. Customization
  2. Theme settings

Product item

In this article, you will find how to configure the product item.

PreviousSearchNextColor swatch

Last updated 4 years ago

Was this helpful?

Product item setting

From your , select Product item.

Product image swap

  • Use image swap: change product item image when hover

Product image border

If you check the Use border checkbox, the product image will have border

  • Use border:

  • Border color

Product info

  • Show vendor

  • Show preview

Display product vendor and product review on product item.

Product variants

  • Show advanced swatch: Check the Show advanced swatch options checkbox to show the swatch options

You can enter one or multiple option names, separated by the comma.

You need to install app to enable the product review.

Option name for : enter the option name you want to display color or image swatch.

color swatch
Product Reviews
Product item setting
Use image swap
Theme setting