Product page

147 views September 23, 2019 December 9, 2019 hyun-dung 0

SPACE SETTINGS

++ Max width section?

– 1200px

– Wide

– Full width

* *LAYOUT

Max width of one item slide Photo on mobile

++ Use thumbnail

++ Use vertical thumbnail

++ Hidden thumbnail on mobile

++ Use Max height content info

 

Image type
Normal
Non stretch image
Stretch image

** FUNCTION

++ Use Photo zoom

++ Use Photo wide popup

++ Use Shipping information by location

++ CONTENT

Result:

*To change the trust seal image, please go here


** PRODUCT OPTION SETTING

++ Swatch layout

– Swatch color

– Swatch image variant

– Swatch crop image variant

 ++ CUSTOM OPTIONS

+ Name option using swatch: Enter the name of the option that you want to display as a color swatch layout

+ Is swatch color(image): Tick the box to enable color swatch

+ Style for option: Select style to show swatch color

– Combo box

– Combo box with out variant

–  Square

– Circle

– Radio button

– Radio button inline

+ Attach size guide? Sizeguide is located next to the swatch

+ Do not pre-select item when loading?

** SIZEGUIDE SETTINGS

Result:

** SHIPPING INFO SETTINGS

**REVIEW SECTION

Instead of showing as a tab, if you enable this option,the Review part will display below the tab section as a separated section

 ** PRODUCT REAL TIME VISITOR

– Max fake real time Visitor: change the number of real time visitor

– Interval time: the time changing the number of visitor

– Count background color

Result:

** PRODUCT DELIVERY

+ DELIVERY

  • Delivery From Date + Delivery to Date:

for example in the image above: 10 (days) & 19 (days). Since the order is made, we’ll make and ship the order within 10 to 19 business days. Today is 09/20/2019 after 10 days, it’s 10/01/2019. After 19 days, It’s 10/08/2019. Delivery to Date is the deadline of shipping time range.

  • Delivery Exclude Saturday: Saturday is not included in shipping time, is not counted in the number of business days for shipping
  • Delivery Exclude Sunday: Sunday is not included in shipping time, is not counted in the number of business days for shipping
  • Delivery Exclude Days: specific date for exeption, make sure that you fill in the correct format
  • Format date: change the order of the elements to the date format

+ SHIPPING
Shipping By Location: the theme automatically detects the location of the visitors based on their IP address and display the country name here

Shipping detailed information:  is based on the carrier weight / price that is set up in your Shopify Admin > Settings > Shipping

Click Manage Rates > Gereral Profile

Note: Whenever you made changes in Shopify Admin > Shipping, you must click this button to Update changes to Shipping information in product tab

 

How to change Product Page Layout?

On Product Page–> Sections–> Product Single page

++ Layout

  • Layout 1

  • Layout 2

  • Layout 3
  • Layout 4

  • Layout 5

  • Layout 6

  • Layout 7

++ Layout Product tabs

  • Layout 1(Tab list Horizontal)

  • Layout 2 (Tab list Horizontal)

  • Layout 2(Accordions)

++ Layout Product tabs

++ Dynamic checkout buttons

Create Tabs Description

++ Tab description

 

++ Tab details

++ Tab Shipping & Returns

++ Tab review

++ Tab bundle (APP)

 

++ Tab Customize

*** Before adding content to the Sidebar, you must select the Layout 3/ Layout 7 which has the sidebar included here

++ Sidebar Related items

++ Sidebar Banner

++ Sidebar Custom HTML: Add any texts, image onto the Product Page

 

Was this helpful?