Luxoria Documentation
  • Sections: Header & Popups
    • Announcement bar
    • Header
    • Newsletter popup
    • Cookie banner
  • Product quick view
  • Sections: Template & Footer
    • Hero slideshow
  • Featured collections
  • Image with countdown
  • Marquee
  • Comparison
  • Collage
  • Image with products slideshow
  • Featured cards grid
  • Featured products
  • Image with text
  • Image with products pin
  • Logos
  • Featured product
  • Featured blog
  • Rich text
  • Image with collapsible content
  • Video and image
  • Testimonials
  • Icons with text
  • Email signup
  • Social media images
  • Footer
  • Custom liquid
  • Theme Settings
    • Colors
    • Typography
    • Rounding
    • Product card
    • Variants and swatches
    • Price per unit
  • Search behavior
  • Breadcrumbs
  • Language and currency
  • Social links
  • Favicon
  • Cart
  • Animation
  • Checkout
  • Custom CSS
  • Template & Pages
    • Product
    • Collection
  • Collections List
  • Page
  • Blog
  • Blog post
Powered by GitBook
On this page
  • The section is managed through:
  • Introduction:
  • Settings Overview:
  • Add blocks:

Was this helpful?

Product quick view

PreviousCookie bannerNextHero slideshow

Last updated 11 months ago

Was this helpful?

The section is managed through:

Customize Theme → Sections → Popups → Product quick view

Introduction:

Quick view functionality enhances the browsing experience on your Shopify store by allowing customers to preview product details without navigating away from the current page. This convenient feature enables swift exploration of product attributes and encourages seamless shopping interactions. In today's fast-paced online shopping environment, providing customers with efficient tools to explore products is essential.

The quick view feature could be found in the bottom right corner of every card.

Settings Overview:

The Settings Overview provides a comprehensive look at all the customization options available within the 'Product Quick View' section, empowering you to configure and optimize the quick view functionality to meet the specific needs of your store and enhance the overall shopping experience for your customers.

  • Enable image zoom gallery*: Allows the user to use image zoom functionality.

  • Autoplay first video*: Gives the user the option to autoplay the first video if a such is uploaded.

  • Enable autoplay: It enables or disables the setting for autoplaying the slideshow mode.

  • Change slides every: Gives the user the control to modify the interval in seconds for every media attached to the product to stand on the screen. It can vary from 3 to 10 seconds. A loop mode is automatically enabled.

  • Media ratio on desktop: Gives control over the media ratio for the desktop version.

  • Media ratio on mobile: Gives control over the media ratio for the mobile version.

  • Thumbs position: The user can select on which side the thumbs are to be presented. One of two possibilities is to be chosen: Left and Right.

  • Color scheme: With that setting, the user can choose the color scheme of the section. For more information on setting up the color schemes, refer to Theme settings → Colors → Schemes.

Add blocks:

All the blocks compile information about the product. Most of them don't have additional settings for customization.

  • Badges: Represents the badges for the product.

  • Heading: Represents the heading of the product.

  • Price: Represents the price of the product.

  • Vendor: Add the block, and the vendor will appear, which should be input in the product settings in the admin panel.

  • Variant picker: Represents the variants of the product.

  • Pickup availability: Represents the pickup availability of the product.

    • Label: Enter the label for the purchase options.

  • Quantity: A block that activates the quantity setting in the quick view window.

  • Buy buttons: Represents the 'Add to card' button.

  • Custom liquid: Тhis block allows the users to directly put in a code into the field through which they can build a completely custom block.

* Note: For a better understanding of the above, please refer to the examples given for the same settings in the '' section.

Purchase Options: It's a block responsible for the purchase options in the quick view window of a product. For a better understanding of this block, please refer to the additional information given for the same block in the ' section.

Featured product
'Featured product