Skip to content
TemplateMela

Free shipping on orders over $50!

TemplateMela

How to Customize Product Look (Product Cards) on Shop Page

How to Customize Product Look (Product Cards) on Shop Page

To Customize Product Look on Shop Page

Follow these steps Customize Product Look on Shop Page

Step 1: From the Dashboard, Go to “Templatemela > Setting > Shop Page Settings“

1 – How To Customize sale label style

Step 1: Enable the “Use custom sale label style?“

2 – How To Show add to cart button

Step 1: Enable the “Show add to cart button or text“

3 – How To Show “add to cart button” With “Quickview Button”

Step 1: Enable the “Show add to cart button or text” and “Show quickview button with add to cart“.

4 – How To Show “Add to cart button” With “Wishlist icon”

Step 1: Enable the “Show add to cart button or text” and “Show wishlist icon with add to cart“.

5 – How To Show “Add to cart button” With “Compare icon”

Step 1: Enable the “Show add to cart button or text” and “Show compare icon with add to cart“.

6 – Choose a product action button style

6.1 : Enable the “Default“.

6.2 : Enable the “Only Icon“.

6.3 : Enable the “Icon + Button“.

Getting started

  • Welcome to TemplateMela
  • Theme Requirements

Support

  • My purchase code
  • How to get support

Installation

  • Theme Installation
  • Common installation issues

Build your site

  • WordPress configuration
  • General Settings

Update

  • Before updating
  • Update theme
  • Optimize theme

How to Translate

  • Templatemela Core Plugin
  • Avanam Theme
  • Compare translation
  • Wishlist Translation
  • Product Extras and Payment

Templatemela Settings

  • Shop Page Settings
  • Product Page Settings
  • Welcome Popup
  • Exit Popup
  • Cookie Popup
  • Notification Popup
  • Cross Sell
  • Variation Swatches
  • Product Gallery
  • Advanced Reviews
  • Product Brands
  • Add to Cart Text
  • Variation Options
  • Size Charts
  • Global Tabs
  • Snackbar Style Notices
  • Conditional Cart Banners
  • Checkout Coupon Modal
  • Checkout Editor
  • Extra Category Description
  • Buy Now
  • Sale Countdown
  • Advanced Settings
  • Product Info Service
  • Cart Page Elements
  • Checkout Page Elements

Woocommerce Settings

  • Settings
  • Woocommerce
  • Product Catalog (Shop Page)
  • Product Image
  • Single Product Layout
  • Product Types
  • Checkout Page
  • My Account Layout

Theme options

  • Theme Styling

General

  • Layout
  • Sidebar
  • Images
  • Scroll To Top
  • 404 Page Layout
  • Comments
  • Breadcrumbs
  • Social Links

Set up header

  • Top bar
  • Main row
  • Bottom row
  • Html and Html2
  • Logo
  • All navigation
  • Cart
  • Button And Button-2
  • Search
  • Social
  • Account
  • Widget Area
  • Search Bar And Search Advance
  • Contact
  • Toggle Widget Area
  • All Divider
  • Vertical Menu

Set up footer

  • Top-bar
  • Main-row
  • Bottom-row
  • Copyright
  • Footer Navigation
  • Social
  • Widget Area

All Breadcrumbs

  • Product Cataloge(Shop Page)
  • Single Product Layout
  • Page Layout
  • Single Post layout
  • Archive Layout(Blog Listing)
  • Search Results

E-commerce features

  • Product variation swatches
  • Sticky filter bar
  • Add To Cart Behavior
  • Catalog Off Canvas Sidebar
    • Catalog Off Canvas Sidebar Setting
  • Infinite Scroll

Mega menu

  • Menu Settings
  • Mega Menu

Dark Mode Toggle

  • General
  • Header Toggle
  • Footer Toggle

Plugins

  • Mailchimp
  • Contact Form 7
  • Slider Revolution
  • Product compare
  • Product wishlist
  • Product quick view

Additional

  • Page Settings
  • Widget Settings
  • Blog Posts

© 2025 WordPress Documentation - TemplateMela - WordPress Theme by Avanam

Scroll to top
  • Before updating
  • Catalog Off Canvas Sidebar Setting
  • General
  • Getting started
  • How to Customize Product Look (Product Cards) on Shop Page
Search