SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Ecomus - Product page section

Annie

Written by Annie

Last updated

1783 views

On this page


This guideline helps you configure the settings on Product Page section of Product page.

00.gif

Go to Theme Customize > Product page (Default product) > Product Page

How to configure Product page section?

Color scheme: you can choose a color scheme for this section. To configure color scheme, refer to this document.

Enable expanded space between content and media: it has a wider spacing between content and media columns.

Refer to this video to understand it.

Media options:

  • Media width, layout, position on desktop and mobile: Options for product media, you can check this video.

  • Video is muted automatically to allow autoplay and Enable video looping: apply on product video

Image zoom:

  • You can choose Zoom or Open lightbox.

  • There are some options for you to customize zoom effect on product image: Image hover zoom type, Zoom level of zoom hover, Max zoom level of lightbox.

Sticky add to cart: You can enable sticky add to cart feature

stickyy atc.gif

Slider settings: Use prev/next button and choose Navigation design

slider.gif

Section padding: you can choose top and bottom padding of this section.

Rate padding (mobile): The padding on mobile will correspond to the desktop according to the percentage you choose here.

11.gif

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.