MINIMOG theme
Try Minimog freeResourcesOther solutions
  • What is Minimog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Minimog theme
      • Install Minimog in 1-click fast way
      • Install Minimog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Theme license
      • Activate license
      • Extend/ Renew Theme Support
      • Transfer license
    • Update Minimog theme
    • FoxHome
  • Build for success series
    • Home page for Fashion stores like SKIMS 🔥
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
    • Scaling logo
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Cascading collection
    • Cascading product
    • Collapsible tabs
    • Collection image showcase
    • Collection showcase
    • Collage tab
    • Collection list
    • Collection tab
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Gallery images 🔥
    • Google Maps
    • Hotspot image
    • Instagram
    • Image with slider
    • Image cards
    • Image with text overlay
    • Image with text
    • Lookbook
    • Multiple image with text 🔥
    • Newsletter
    • Press
    • Product bundles
    • Product tabs
    • Product list banner
    • Promotion banner
    • Promotion countdown timer 🔥
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animations
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Currency format
    • Drawer & pop-up
    • GDPR settings
    • Intergrated apps
    • Integration
    • Product card
    • Product inventory
    • Product options design
    • Product options swatches
    • Social sharing
    • Search
    • Section
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Custom product templates
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
      • Product description
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
    • Customize password page
  • FAQS
    • Generic
      • Add a Cookie Banner
      • Add a gift wrap option to my cart
      • Add/ Remove Social icons on footer
      • Customize search results
      • Hide sections on mobile/ desktop view
      • JavaScript events for developers
      • Set up an Age Verifier Pop-up
      • Show Payment icons on the Footer
      • Sticky header when scrolling
    • Collection page
      • Add custom badges to my product card
      • Change the default product order in collection
      • Move the collection description to under the product listing
      • Set up Filters for the collection pages
    • Product page
      • Add recipient fields to my gift card product
      • Remove the tax-included information in product page
      • Set up Local Pickup option
    • Shopify functions
      • Does Minimog support Section groups?
      • Migrate data in the Section groups supported version
    • Foxify freebie code - All you need to know
  • TROUBLESHOOTING
    • Can't upload my Minimog theme to Shopify
    • Contact form submissions not found
    • Currency format display
    • FoxKit features are duplicated
    • FoxKit stops working
    • Missing images when installing demos
    • Translation missing issue
    • Translation apps incompatibility
    • Why is my activated Show Account Icon option not showing?
    • I can't install FoxKit on March 2023
Powered by GitBook
On this page
  • Layout and image
  • Card style
  • Content alignment
  • Image
  • Variant options
  • Content and Badges
  • Content
  • Badges
  • Product titles
  • Product prices
  1. Theme settings

Product card

Change layout, content and display variant options in the product cards

PreviousIntegrationNextProduct inventory

Last updated 4 months ago

Steps

  1. In the theme editor (Customize), click Theme settings.

  2. Locate Product card.

  3. Make necessary changes.

  4. Save.

Layout and image

Card style

There are 5 styles to select from:

Content alignment

The product card's content can be set as center-aligned, left-aligned, or right-aligned.

Image

  • Aspect ratio: Set the suitable Aspect ratio for your image card. There are 4 options:

    • Adapt to image

    • 1:1 (square image)

    • 3:4

    • 4:3

    • 16:9

  • Show second image on hover: When checked, the second image in Product media is shown when customers hover over the product card.

  • Default thumbnail: For products without images, you can set a default thumbnail by uploading an image or selecting one from your Shopify Files.

Variant options

  • Show variant options: Enable or disable showing variants in product items and how they display on the front store.

  • Show featured image:

    • When unchecked, the image of the selected variant will be shown.

When the Show variant options setting is checked, you need to configure:

  • Option name: Insert one product option you want to display on the product cards.

  • Option design: Select how the variant options are shown:

    • Variant image: as set in Shopify Products > Variants.

    • Button.

    • Dropdown.

For example, to show color swatches for the Product option named Color:

Only one product option can be shown on the product card.

Content and Badges

Control what to show on the product card.

Content

  • Add to cart button: let customers add items to the cart without leaving the current page.

  • Quickview button: let customers preview product information without needing to go to the product page.

  • Wishlist button: let customers add their favorite products to the list.

  • Compare button: let customers add products to the comparison page to check the differences and similarities among stores' products.

  • Countdown: display time when there is an event for the product to release/discount.

  • Show product inventory: display the product inventory as set in Theme settings > Product inventory

  • Actions when clicking Select options button: It either pops up Select options dialogue or goes directly to the product page.

Badges

  • Sale badge: hide or show the sale badge in % discount or text.

  • Sold-out badge: display badge to let customers know which products are out of stock.

The sale badge and sold-out badge labels can be edited in Actions > Edit default theme content.

Product titles

  • Show vendor: display vendor/brand names under the product title.

  • Capitalize product name.

  • Product title line limit: control the maximum line of the product titles as No limit/1 lines/2 lines/3 lines.

Product prices

Show lowest prices: display the lowest prices of each product as 'From ...'

Show video as featured image: When checked, the product card shows a video (if the video is placed first in Shopify Products > ).

When checked, the featured image shown in the product card is the first image as set in .

Custom image: as set in Theme settings > .

Color: as set in Theme settings > .

Reviews badge: display ratings from the customers ( is required).

Custom badges: display/hide other badges rather than sale and sold-out badges. To display custom badges, you need to add tags to your products, see .

Product media
Product media
Product options swatches
Product options swatches
A review application
Product tags
✨
Install FoxTransfer Chrome Extension FREE here
Explore FoxEcom Affiliate Program now