Molla
  • Greeting
  • General
    • Upload theme
    • Import Demo
    • Update Theme
    • Basic Config before using theme
    • How to get Instagram Access Token
  • App using in Molla
    • Private offer 🎁
    • Optional App
      • AVADA FAQs, Helpdesk, Chat
      • ReCharge
      • Product Review
      • Fontify ‑ Use any font
      • Unlimited Product Options
      • Weglot
      • Nitro Lookbook
      • Stockify
      • Lumise ‑Product Designer
    • Required App
      • Wishlist
  • Things to know
    • Unit (rem)
    • Space settings
    • Responsive (Swiper slide)
    • Grid system
  • Menu configuration
  • Menu Basic
  • Mega Menu
  • Mega Menu (Vertical) v1.6.8 and above
  • Mega Menu (Vertical)
  • Default Section
    • Header + Announcement
      • Announcement Bar
      • Header Top
      • Main Header
      • Icons control
    • Mobile Menu
    • Footer
    • Bottom bar
    • Variants + Label menu
    • Other page
      • (Banner) Page top
      • (Banner) All page
    • Collection page
      • Filter
      • Description
      • Slideshow Master
      • Brand logo
      • List categories
      • Product slide
    • Collections List
    • Product page
    • Blog
    • Blog post
    • Cart
    • Customer
  • theme settings
    • How to access?
    • Favicon
    • Logo
    • Header
    • Footer
    • General Settings
    • Gadget
    • Cart
    • Colors
    • Social media
    • Collection page
    • Collection Filters
    • Product card item
    • Product page
    • Product Option style
    • Sticky Add to Cart Button
    • Product Quickview
    • Search
    • Blog page
    • Account page
    • Typography
    • Currency
    • (Upsell) Real time Visitor
    • (Upsell) Shipping rates
    • (Upsell) Delivery time
    • (Upsell) Suggest Products
    • (Upsell) Stock countdown
    • (Upsell) Countdown cart
    • (Upsell) Frequently Bought Together
    • Custom
  • Page template
    • About 01
    • About 02
    • Contact 01
    • Contact 02
    • FAQs
  • Other section
    • 0. Layout
    • 01. Hero banner
      • CSS Preset
      • Master
      • Category + Banner
      • Simple
      • Simple banner
    • 02. Section banner
      • Banner with text 1
      • Banner with text 2 (text bottom)
      • Banner with text 3 (text bottom)
      • Categories and banners
      • Collections template 1
      • Show all page - Banner(All page)
      • Template 1
      • Template 2
      • Template 3
      • Template 4
      • Template 5
      • Template 6
      • Template 7
      • Video with text 1
      • Video with text 2
    • 03. Section Products
      • Featured product
        • Featured 1
        • Featured 2
      • Flash Sale 1
      • Set - Group
        • Set 1
        • Set 2
        • Set 3
        • Set 4
      • Show
        • Show(grid)
        • Show(grid) + Banner 1
        • Show(grid) + Banner 2
        • Show(list)
      • Slide
        • Slide(grid)
        • Slide(grid) 2
        • Slide(grid) + Banner 1
      • Tab
        • Tab(grid)
        • Tab(grid) 2
        • Tab(grid) + Banner
        • Tab slide(grid)
        • Tab slide(grid) +Banner 1
        • Tab slide(grid) +Banner 2
        • Tab slide(grid) +Banner 3
    • 04. Section
      • Brand
        • Brands Logo
        • Brands Logo 2
        • Brands Logo 3
        • Brands Logo 4
      • Count to
      • Countdown
        • Countdown and banner
        • Countdown and product 1
        • Countdown and product 2
        • Countdown section 1
        • Countdown section 2
      • List categories
        • List categories 1
        • List categories 2
        • List categories 3
        • List categories 4
      • Newsletter with banner
      • Prds + Lookbook + Services
      • Related post
      • Profile card grid
      • Profile card grid 2
      • Video banner 1
    • 05. Element
      • Accordions
      • Call to Action
      • Icon Boxes
      • Portfolio
      • Socails & Customers say
      • Tabs
      • Testimonials
    • 06. Sidebar homepage
      • Call to Action
      • Products Show(mini list)
      • Products Show(Special Offer)
    • 07. Customize
      • Section Customize
    • 08. Lookbooks
      • CTA & Lookbook 1
      • Lookbook 1
      • Lookbook 2
    • 09. Socials
      • Instagram 1
      • Instagram 2
      • Instagram 3
      • Instagram 4
      • Instagram 5
    • 10. Contact
      • Infor
      • Infor & Questions
      • Our Stores
      • Questions
  • Product Customization
    • Product Grouped Molla
    • How to show Countdown timer on Product Card grid
Powered by GitBook
On this page
  • 1 - Layout
  • 1.1 - Show image of first available variant
  • 1.2 - Image type
  • 1.3 - Use second image
  • 1.4 - Product card grid layout
  • 1.5 - Label style
  • 1.6 - Text align
  • 2 - Function
  • 3 - Variants list
  • 3.1 - Show variants list?
  • 3.2 - Show name option?
  • 3.3 - Show only first option?
  • 3.4 - Show only option of list.
  • 3.5 - Hide when there is only 1 variant?
  • 3.5 - Hide on mobile?
  • 3.6 - Swatch layout
  • 3.7 - Custom option

Was this helpful?

  1. theme settings

Product card item

Go to Theme settings > Product card item

PreviousCollection FiltersNextProduct page

Last updated 4 years ago

Was this helpful?

1 - Layout

1.1 - Show image of first available variant

Display photos according to the variant.

1.2 - Image type

1.3 - Use second image

Show 2nd image on hover.

1.4 - Product card grid layout

1.5 - Label style

1.6 - Text align

2 - Function

  • Show review?

  • Show product vendor?

  • Show countdown?

3 - Variants list

3.1 - Show variants list?

3.2 - Show name option?

3.3 - Show only first option?

Show only the first option of the product.

3.4 - Show only option of list.

Show only the options listed.

3.5 - Hide when there is only 1 variant?

3.5 - Hide on mobile?

3.6 - Swatch layout

  • Swatch image variant

  • Swatch crop image variant

  • Swatch color

3.7 - Custom option

  • Name option

  • Is swatch color(image)

  • Style for option

On version 1.6.0, there are 24 layouts available.

Preview