Pizzon - Shopify Theme Documentation
  • Introduction
  • Changelog
  • Installation
    • Install Theme
  • BASIC CONFIGURATION
    • Customer Registration
  • Shipping Rates
  • Navigation
  • Online Store 2.0
  • Theme Settings
    • Multiple Layouts
    • Typography
    • General
      • Favicon
      • Container Width
      • Slider Dots
      • Slider Arrows
      • Pagination
      • Add To Cart Action
      • Social Share
      • Wishlist
      • Terms And Conditions Checkbox
      • Swatch / Customization Option
      • Lazyload image
      • Trust Image
    • Product Card
      • Set up for Product Card
      • Product Badges/ Labels
      • Product Swatch
      • Product Action
      • Product Review
      • Product Quick Shop
    • Theme Language
      • How to set up Multiple Languages?
      • How to set up a different language?
    • Multiple Currencies
    • Quick Search
    • Quick View
    • Newsletter Popup
    • GDPR Popup
    • Calculator Free Shipping Message
    • Someone Purchase
    • Social Media
    • Recently Viewed
    • Color (Products)
    • Typography (Products)
    • Colors (General)
    • Quick Cart/ Quick Edit Cart
    • Countdown
    • Notify Me: Out Of Stock
    • Ask An Expert
    • Adding custom CSS to your theme
    • Checkout
  • Collection & Product
    • Collection
      • Demo & Settings Data
      • Sidebar
      • Filter
    • Sub Collection
    • Collections List Section
    • Product Page
      • Demo & Settings Data
      • Product Media
      • Product Tab
      • Product Variant
      • Size Chart
      • Short Description
      • Checkout Button
      • Compare Color
      • Sticky Add To Cart
      • Infomation
      • Sold In Last
      • Hot Stock Function
      • Countdown
      • Customers Viewing Function
      • Trust Image
      • Custom Information
      • Product Review
      • Product Description Tab
      • Variant Image Grouped
    • Product Recommendations
    • Recently Viewed Products
    • Product Combo
  • Header
    • Header
    • Search
    • Megamenu/Drop Down Menu
      • Label For Menu
  • All Sections in Theme
    • Slideshow
    • Slideshow Grid
    • Slideshow Category
    • Collection List Packery
    • Collection List Packery 2
    • Modern Image With Content
    • Modern Page Banner
    • Image Banner
    • Image Banner 2
    • Product Block
    • Product Block 2
    • Product Block 3
    • Product Block 4
    • Product Tab
    • Collection Grid
    • Collection Grid 2
    • Collection Grid Slider
    • Brand Slider
    • Booking Table
    • Category Slider
    • Featured Blog
    • Newsletter
    • Newsletter 2
    • Newsletter 3
    • Newsletter 4
    • Custom Liquid
    • Rich Text
    • Section Devider
    • Google Map
    • Page Banner
    • Image With Content
    • Image With Content 2
    • Video Popup Banner
    • Custom Service Block
    • FAQs Section
    • Latest Blog
    • Customer Review
    • Recently Viewed Products
    • Instagram
    • Offer Gird
    • Breadcrumb
    • Marquee
  • Other
    • Wishlist Page
    • About us
    • Contact Us
    • Menu Page
    • Store Locator Page
    • 404 error
    • Blog
    • Cart Page
    • Checkout
  • Browsers Compatibility
  • Official Support
  • Copyright
Powered by GitBook
On this page
  1. Theme Settings
  2. Product Card

Set up for Product Card

Steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme settings -> Product Card -> Set up for Product Card.

1. Product Card Image

Setting
Description

Adapt To Image

Select the display type of media on product card: Adapt to image: the image size on product card will scale according to the image actual size. Portrait: The image of the product card will have a height more than its width. The ratio of the width and height can be adjusted with the "Image height (%)" setting below. Square: The image of the product card will be a square.

Image Height (%)

Fill in the desired ratio of the width and height of the product card media in %.

Product Image Swap

Toggle the functionality when the product card image is hovered, it will swap to the second image.

Product Image Loading Effect

Loading the display of placeholder when the image is being loaded due to lazy load.

Image Loading Effect Name

Fill in the text to be shown during the Image Loading Effect.

Product Vendor

Toggle to show or hide product vendor.

Product Price

Toggle to show or hide product price.

Product Size Variant

Toggle to show or hide product size variant.

Product Wishlist

enable product Wishlist Button

Product Wishlist Mobile

enable product Wishlist Button

Product Quick View

enable product Quick Button

Product Quick View Mobile

enable product Quick Button

Position Add to Cart, QuickView & Wishlist

Select the desired position of the add to Cart, quick view and wishlist buttons cluster either on the right or left side of product card.

Product Content Alignment

Select the desired position of content on the right or left side or center of product card.

Product Review

Toggle the display of ratings star on product card.

Product Quick View Type

Select the display type of quick view button on product card. Default: The quick view button is shown in the center of the product card when hovered. Icon: The quick view eye icon button is grouped with the wishlist button to the right of left side

Position Cart, QuickView & Wishlist

Select the desired position of the quick view and wishlist buttons cluster either on the right or left side of product card.

PreviousProduct CardNextProduct Badges/ Labels

Last updated 3 months ago