Megamog
Try Megamog freeResourcesOther solutions
  • What is Megamog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Megamog theme
      • Install Megamog in 1-click fast way
      • Install Megamog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Purchase code & activation
    • Update Megamog theme
    • FoxHome
  • Build for success series
    • Product page for Beauty store like Kylie Jenner 🔥
    • Landing page for Fashion store like Bremont
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Collapsible content
    • Collection spotlight
    • Collection list
    • Collection links
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Google Maps
    • Image banner
    • Image with text
    • Instagram
    • Lookbook
    • Newsletter
    • Press
    • Product tabs
    • Recently viewed products
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
    • Banner grid
    • Multiple columns
    • Store locator
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animation
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Corner radius
    • Currency format
    • GDPR settings
    • Intergrated apps
    • Integration
    • Pop-up & drawer
    • Product card
    • Product options design
    • Product options swatches
    • Social sharing
    • Search settings
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • 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
    • Change the default product order in collection
    • Customize search results
    • Move the collection description to under the product listing
    • Remove the tax-included information in product page
    • Set up local pickup
    • Show Payment icons on the Footer
  • TROUBLESHOOTING
    • Contact form submissions not found
    • Translation apps incompatibility
Powered by GitBook
On this page
  • General settings
  • Product information blocks
  • Shipping information
  • Buy buttons
  • Product media
  • Sticky Add-to-Cart
  • Complementary products
  • Short description
  • Rich text
  • Trust badge
  • Product meta
  • Collapsible tab
  • Add-on buttons
  • Custom field
  • Custom liquid
  • Upload image field
  1. Collections & Products
  2. Product page
  3. Page sections

Product information

PreviousBreadcrumbNextProduct information tabs

Last updated 2 months ago

Accurate, reliable, and in-depth product details help customers find the information they need to make the best purchase decisions.

Accurate, reliable, and in-depth product details help customers find the information they need to make the best purchase decisions.

This section provides crucial data that belongs to an individual product such as price, title, quantity selector, etc.

You can change the product information by re-ordering, removing, and adding more blocks.

Steps

  1. In the theme editor (Customize), open the template selector

  2. Select Products > then Default product.

  3. On the left-sidebar, add Product information.

  4. Make necessary changes > Save.

General settings

  • Enable history state to the browser's URL;

  • Enable the FoxKit's Variant group images feature

  • Show the wishlist icon.

Product information blocks

The product information blocks let you display the product title, price, variants selector, full description, and other add-ons.

Shipping information

Highlight key product features via multiple product labels with icons, that are perfect for capturing customers' attention.

Enable/ disable delivery estimation, shipping text, and returns. Add important info regarding the delivery, shipping text, and the number of days that the package will arrive.

Buy buttons

Enable/disable the "Show dynamic checkout button" to include a direct-to-checkout button. Other buttons such as Add-to-cart or quantity selector can be displayed if needed.

Product media

  • Control the layout of the product media on desktop:

    • Horizontal slider

    • Grid

    • Vertical slider

  • Show featured media by default or show the selected variant's image on the page load;

  • Image zoom

  • Video autoplay

  • Show thumbnails on mobile

Sticky Add-to-Cart

When the Add-to-Card button of the product information block is not in the viewport, the Sticky Add-to-Cart appears.

This makes it easy for customers to select products and streamline the checkout process.

You can enable this feature on desktop and/or mobile view.

You can set other add-ons to display on your Sticky Add-to-Cart like dynamic checkout buttons, wishlist button, or compare button.

Complementary products

Displaying complementary products to customers makes it easier for them to discover new products and it is an effective cross-sell tactic to increase average order value.

Give a Heading to the block and set the Heading size.

Then, set the maximum number of complementary products to display (between 1-10 products).

You can also set the block to display the suggested items in one or two rows.

Short description

Need to add a metafield definition with the namespace and key "descriptor.short_description" to display.

Rich text

Text that is formatted with common formatting options, such as bold and italics, that are unavailable with plain text.

Trust badge

A badge or seal that merchants put on their websites which meant to instill trust in their potential customers.

Add a heading and image for the badge. Merchants can control the image width and the heading position.

Product meta

Enable/disable collection list, SKU, product vendor, availability, and SKU.

Collapsible tab

Add a heading and the extra information of the tabs. Merchants can also add content using custom liquid.

Add-on buttons

Enable/disable add to compare, ask a question form, and social share buttons.

Custom field

Add text in the provided space for the field name, options, and placeholder. Display this block as required or show it at the checkout.

For the field type, there are 3 options: single-line text, multi-line text, and select.

Custom liquid

Add codes in the provided field.

Upload image field

Add text in the provided space for the field name. Display this block as required or show it at the checkout.

To set up Variant group images, see .

To set up your wishlist page, see .

Learn more about Dynamic checkout buttons .

Set the Image aspect ratio to the Product card and select the you want.

Learn how to use the app to for your website’s product pages.

Learn more about Shopify Metafields .

this article
this article
here
Color scheme
Shopify Search & Discovery
choose complementary products
here