Product page

Go to Theme settings > Product page

1 - SPACE SETTINGS

  • Max width section?

  • You only can use this section when 'Max width content' was disabled

1.1 - 1200px

1.2 - Wide

1.3 - Full width

Note: Description full width + Example

2 - LAYOUT

2.1 - Max width of one item slide Photo on mobile

2.2 - Use thumbnail

2.3 - Use vertical thumbnail

2.4 - Hidden thumbnail on mobile

2.5 - Image type

3 - FUNCTION

3.1 - Use Photo zoom

When you move mouse to picture it will be zoom in

3.2 - Use Photo wide popup

4 - CONTENT

Result:

  • To change the trust seal image, please go here

5 - Add to cart button

5.1 - Button style

Default
White
White 2
White 3
Border
Border gray
Border lightgray
Border dark
Border darker
Border white
Boder white 2
Border white 3
Border white 4
Simple button
Simple button dark
Underline button
Underline button dark

5.2 - Button style radius

Square
Rounded cornors
Rounded

6 - PRODUCT OPTION SETTING

6.1 - Swatch layout

6.1.1 - Swatch color

6.1.2 - Swatch image variant

6.1.3 - Swatch crop image variant

6.2 - CUSTOM OPTIONS

6.2.1 - Name option using swatch:

Enter the name of the option that you want to display as a color swatch layout

6.2.2 - Swatch color(image):

Tick the box to enable color swatch

6.2.3 - Style for option:

Select style to show swatch color

  • Combo box

  • Combo box with out variant

  • Square

  • Circle

  • Radio button

  • Radio button inline

6.2.4 - Attach size guide?

Sizeguide is located next to the swatch

6.2.4 - Do not pre select item when loading

7 - SIZEGUIDE SETTINGS

Result:

8 - SHIPPING INFO SETTINGS

9 - 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:

10 - PRODUCT DELIVERY

10.1 - 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

10 .2 - SHIPPING

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

10.2.1 - Step 1:

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

10.2.2 - Step 2:

Click Manage Rates > Gereral Profile

10.2.3 - Note:

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

11 - How to change Product Page Layout?

On Product Page > Sections > Product Single page

** 7 Layout

11.1 - Layout 1

11.2 - Layout 2

11.3 - Layout 3

11.4 - Layout 4

11.5 - Layout 5

11.6 - Layout 6

11.7 - Layout 7

** 3 Layout Product tabs

11.1 - Layout 1(Tab list Horizontal)

11.2 - Layout 2 (Tab list Horizontal)

11.3 - 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

Add any texts, image onto the Product Page

From The4

Hope you success!!