Product Page
Theme settings > Product page
1 - Product page design
2 - Product image size
You can decide the image size
3 - Product description design
You can go to Product Tab Description to show product infomation
Product tab description
How to configure this Tab description. Go to Sections > Tab description
4 - Setting
Tabs style: Only For Product Tab Description
Tab aligns: Right, center, left
Use tabs vertical
5 - Content
Choose type of contents which you want to show by: Click to Add content
Result:
6 - Theme settings
Product description design: There are 3 types.
Product tab description
Product tab accordions full with
Product tab sidebar
End Tab description configuration
Product tab accordions full width
Product tab accordions sidebar
Use sticky description: Description section is fixed on the right, and scroll down effect is only validated on the left section
Not support Product Detail Layout 3.
If you write the short description so long, the Add to cart button and Checkout button will be overlaped. Please make it fewer
Main image click action
Zoom
Photoswipe: You need click on the image, system will show image larger.
None: When click on the image, nothing happens
Show “Zoom image” icon: Click to open image in popup and swipe to zoom.
Add to cart style
Style button 2D
Style button 3D: has shadow box
Deliver & return: You can go to Delivery & Return to know how to create a new page
Click to Shipping info to see Deliver & Return page.
Result: The page appear as a pop-up and you can config how it appear by choose an option of animation effects.
7 - Upload image size chart
Animation effects: Choose animation effects when Image sizechart appear.
Result:
Image size chart:
8 - Product trust seal
This function increases customer trust in your store
Result:
9 - Product real time visitor
This function creates fake data for the number of customers who are visiting your store
Result:
10 - Total sold flash
Result:
The numbers is showed randomly
11 - Shipping tab
Delivery Start Date: enter a number of date in the month
Delivery End Date: enter a number of days you spend for shipping, eg: within 15 days
If you want to change the date format follow your language, please do these steps:
Result:
12 - Share button
There 2 type share buttons:
Share: when clicking on this button, share this product
Follow: when click on this button, go to your account to follow
13 - Product feature
Use Add to cart full width?
If you tick on:
If you not tick on
14 - Design image
Use equal thumb height images: Tick on to use Equal thumb height images.
Aspect Ratio Thumb: There are many aspects ratio thumb when you hover on image of product. It help you your customer view clearier your product.
Before hover image
When hover image
Image Size Thumb
Auto
Full
Image Position Thumb: The first value is the horizontal position and the second value is the vertical.
Use equal nav height images? Tick on to use Equal nav height images.
Aspect Ratio Nav
Image Size Nav
Full
Auto
Image Position Nav: The first value is the horizontal position and the second value is the vertical.
15 - Product swatch
15.1 - Swatch design setting
Variant with circle
Variant with radio
Variant with radio full width
Variant with rectangle
Variant simple(Default)
15.2 - Swatch color setting for design
Swatch color circle
Swatch color square
16 - Countdown timer
Countdown timer light
Countdown timer light 2
Countdown timer default
17 - Related product
Show related product:Tick on option to show related products.
Heading: Enter heading/sub heading for related products.
Style 1
Style 2
Style 3
The condition is that all product must be in the same collection.
By collection: the products in the same collection will be related to each other
Use sale countdown: Tick on option to show countdown.
Countdown style : It’s like Countdown timer: Countdown timer only show for the products that have been set by Metafield
Show product vendors
Design image
Equal height image: Set the height for thumbnail of related products
Result:
Settings slider
Breakpoint
Recently viewed products
You can go to Recently viewed product to know more.
Show related product:Tick on option to show related products.
Heading: Enter heading/sub heading for related products.
Use sale countdown: Tick on option to show countdown.
Style title
Countdown style : It’s like Countdown timer
Show product vendors
Design image
Aspect ratio: It allow you change aspect ratio of image, radio custom 1-4 is setting section allow customer use ratio by upload image. After, aspect will calculate and get ratio of image as they upload.
Result:
Settings slider
Result:
Breakpoint
[Private offer] EComposer Partner Plan
Exclusively for Elessi users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
FREE 100% EComposer Standard plan for 6 months (save you $114)
Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Elessi with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Elessi+EComposer” to upgrade for free.
Cheers, The4.
Last updated