Product page section

Video manual:
08 Configure product info page
17 Product page #5 with grid gallery at Shella Shopify theme
20 Metafields. Product tabs, labels, countdown, video and size guide at Shella Shopify theme


Product page options

# Name Value Description
1 GENERAL: Layout 1-6 Choose layout
2 GENERAL: Sidebar Off
Left
Right
Choose sidebar position
3 GENERAL: Enable sticky gallery true / false Show / hide sticky gallery.
4 GENERAL: Enable sticky sidebar true / false Show / hide sticky sidebar.
5 GALLERY: Arrows true / false
Image
Show / hide arrows on product image gallery.
6 GALLERY: Show button 'Fullscreen' true / false Show / hide "zoom" button. When click on zoom button image shows in full screen popup.
7 GALLERY: Enable autoplay video true / false Enable / disable autoplay video.
7a Product video Product admin To add YouTube video go to Shopify Admin -> Products -> Select product -> Media -> Add media from URL -> Embed YouTube video
Details in shopify manuals.
Image
8 GALLERY: Zoom true / false Enable / disable image zoom inside image container.
9 INFORMATION: Show label 'In stock' true / false Show / hide 'In stock' label
10 INFORMATION: Show label 'Out stock' true / false Show / hide 'Out stock' label
11 INFORMATION: Show label 'Sale' true / false
Image
Show / hide 'Sale' label.
12 INFORMATION: Show label 'New' true / false Show / hide 'New' label

You should set value at metafields app
Namespace = labels
Key = new
Value type = string
Value = true
Image
13 INFORMATION: Show label 'Hot' true / false Show / hide 'Hot' label

You should set value at metafields app
Namespace = labels
Key = hot
Value type = string
Value = true
14 INFORMATION: Show collections true / false Show / hide collections
15 INFORMATION: Show title true / false Show / hide title
16 INFORMATION: Show price true / false Show / hide price
17 INFORMATION: Show sale price separator true / false Show / hide price separator
18 INFORMATION: Show sale price details true / false Show / hide sale price details
19 INFORMATION: Show taxes true / false Show / hide taxes
20 INFORMATION: Show SKU true / false Show / hide SKU
2 INFORMATION: Show barcode true / false Show / hide barcode
22 INFORMATION: Show availability true / false Show / hide availability
23 INFORMATION: Show type true / false Show / hide product type
24 INFORMATION: Show vendor true / false Show / hide product vendor
25 INFORMATION: Show reviews true / false Show / hide reviews
26 INFORMATION: Hide empty reviews true / false Show / hide empty reviews
27 INFORMATION: Hide reviews counter true / false Show / hide reviews counter
28 INFORMATION: Show countdown true / false Show / hide time countdown

You should set time at metafields app
Namespace = countdown
Key = date
Value type = string
Value = date in format YYYY-MM-DD HH:MM:SS ( example - 2018-10-29 17:10:09 )
Image
29 INFORMATION: Show stock countdown true / false
Image
Show / hide stock count down text.
30 INFORMATION: Show range of stock countdown true / false Show / hide stock countdown line
31 INFORMATION: Show text countdown true / false Show / hide text countdown
32 INFORMATION: Show real time visitors true / false Show / hide real time visitors
33 INFORMATION: Show options (variants) true / false Show / hide product options
34 INFORMATION: Show quantity true / false Show / hide quantity selector
35 INFORMATION: Show button 'Size guide' true / false Show / hide size guide popup
36 INFORMATION: Show button 'Delivery return true / false Show / hide delivery popup
37 INFORMATION: Show button 'Add to cart' true / false Show / hide add to cart button
38 INFORMATION: Show button 'Add to wish list' true / false Show / hide add to wish list button
39 INFORMATION: Show button 'Add to compare' true / false Show / hide add to compare button
40 INFORMATION: Show dynamic checkout button true / false Show / hide dynamic checkout button
41 INFORMATION: Show dynamic checkout confirmation true / false Show / hide dynamic checkout confirmation
42 INFORMATION: Custom style for dynamic checkout button true / false Show / hide style for dynamic checkout button
43 INFORMATION: Show free shipping true / false Show / hide free shipping
44 INFORMATION: Show payments true / false Show / hide payment icons
45 INFORMATION: Type Dark
Light
Choose product type
46 INFORMATION: Show addthis true / false Show / hide addthis plugin
47 TABS: Show tabs true / false Show / hide all tabs
48 TABS: Show tab 'Description' true / false Show / hide description tab
49 TABS: Show tab 'Reviews' true / false Show / hide reviews tab. You should install Review app
49a Custom tab per product metafield You can add unique tab per each product. Different content per each product.
Add two metafields fot needed product to show custom tab.
You can add four custom tabs per each product.

Metafields:

Tab#1

Meta field for tab title

Namespace = tab
Key = title
Value type = string
Value = [text]

Meta field for tab content

Namespace = tab
Key = content
Value type = string
Value = [text]


Tab#2

Namespace = tab1
Key = title
Value type = string
Value = [text]

Namespace = tab1
Key = content
Value type = string
Value = [text]


Tab#3

Namespace = tab2
Key = title
Value type = string
Value = [text]

Namespace = tab2
Key = content
Value type = string
Value = [text]


Tab#4

Namespace = tab3
Key = title
Value type = string
Value = [text]

Namespace = tab3
Key = content
Value type = string
Value = [text]


Image
Image

If you want unique tabs per each product you should add metafields as described above.

If you want same tabs for all product in store, you may add content block 'custom html tab' or 'custom text tab'


Product page content: custom html tab

# Name Value Description
1 Title text Set tab title
2 Page content Select page Choose from pages list the page "Include Product Tab Custom HTML"
3 Content content Make clean if you want to use selected above page

Product page content: custom text tab

# Name Value Description
1 Title text Set tab title
2 Content text Set text content for tab

Product page content: custom HTML

# Name Value Description
1 Title text Set title
2 Page content Select page Choose from pages list the page "Include Product Tab Custom HTML #2"
3 Content content Make clean if you want to use selected above page

Product page content: Products

# Name Value Description
1 Title text Set collection title
2 Collection collection Set products collection
3 Max count Choose number
4 Products type Choose Short
Full

Related products created based on this manual.

It doesn't allow to set related products manually. If you have more questions about this manual you may ask Shopify support for details

# Name Value Description
1 Enable true / false Enable/disable the block on Product page
2 Type Related
Recommendations
Choose between old and new logic of related selection.
Read details in shopify manual
3 Title Enter title
4 Items per row Choose number
5 Max count Choose number
6 Autoplay true / false Enable/disable slider autoplay
7 Autoplay speed Choose number
8 Is infinite true / false Enable/disable infinite mode
9 Arrows true / false Enable/disable Arrows
10 Bullets true / false Enable/disable Bullets
11 Disable lazy load true / false Enable/disable lazy load
12 Async ajax loading true / false Enable/disable Async ajax loading (used for speed up a site)

Product fixed sidebar

Image

Product fixed sidebar option

# Name Value Description
1 Show product usage information true / false Enable/disable right popup panel on Product page

Product fixed sidebar: CONTENT

# Name Value Description
1 Page content Select page Choose from pages list the page "Include Product Fixed Sidebar Info"
2 Content content Make clean if you want to use selected above page
3 Min value number Min value
4 Max value number Max value.