Opulent - OS2.0
  • What is Opulent theme?
  • Support Policy
  • Getting Started
    • Install Opulent Theme
  • Add Custom code/CSS correctly
  • Integrate Shopify Review apps
  • Mega Menu
  • Update Opulent theme
  • GLOBAL SECTION
    • Announcement Bar
  • Age verifier pop-up
  • Header
  • Footer
  • Mobile sticky bar
  • Scaling logo
  • THEME SECTIONS
    • Before/ After image slider
  • Blog Posts
  • Countdown timer
  • Custom content
  • THEME SETTINGS
    • General settings
  • Advanced
  • Animations
  • Badges
  • Article Card
  • Cart settings
  • Checkout
  • Color & Color schemes
  • Currency format
  • Drawer & pop-up
  • GDPR settings
  • Integrated apps
  • Integration
  • Product card
  • Product inventory
  • Product options desgin
  • Production option swatches
  • Social sharing
  • Search
  • Section
  • Typography
  • COLLECTIONS & PRODUCTS
    • Product page
      • Custom product templates
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommendations
  • Product description
  • Collection page
    • Collection template
    • Collection sections
  • OTHER PAGES
    • 404 page
    • Blogs
    • Cart & Checkout
    • Password
  • ❓FAQs
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Customize search results
    • Hide sections on mobile/ desktop view
    • Install demos
    • Remove the tax-included information in product page
    • Set up Filters for the collection pages
    • Set up local pickup
    • Why did I check the show account icon option but don’t see it appear?
Powered by GitBook
On this page
  • Layout & image
  • Card style
  • Content alignement
  • Image
  • Variant options
  • Content & Badges
  • Content
  • Product titles
  • Product prices

Product card

Change layout, content and display variant options

PreviousIntegrationNextProduct inventory

Last updated 1 year ago

Steps

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

  2. Locate Product card

  3. Make necessary changes

  4. Save.

Layout & image

Card style

There are 5 styles to select from:

Style 1

Style 2

Style 3

Style 4

Style 5

Content alignement

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

Image

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

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

Variant options

Enable or disable showing variants in product items and how they display on the front store.

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

Content & Badges

Control what to show on the product card.

Content

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

  • Quickview button: Enables customers to preview product information without navigating to the product page.

  • Wishlist button: Lets customers add their favorite products to a list for future reference.

  • Compare button: Allows customers to add products to a comparison page to review differences and similarities among store products.

  • Countdown: Displays the time remaining for an event related to the product, such as a release or discount.

  • Show product inventory: Displays the product inventory as configured in Theme settings > Product inventory.

  • Actions when clicking Select options button: Either opens a "Select options" dialog or redirects to the product page, depending on configuration.

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 ...'