Theme object, methods, and props

Object
1
$shop
2
    $shop.name
3
        Returns the shop's name.
4
    $shop.email
5
		Returns the shop's email.
6
	$shop.enabled_currencies
7
		Returns the list of currency objects that the store accepts.
Copied!
Methods
1
Routes
2
	$routeToPath(path)
3
	$routeToHome()
4
	$routeToCollections()
5
	$routeToCollection(collection)
6
	$routeToProductWithAttribute(name, type)
7
	$routeToProduct(product)
8
	$routeToProductWithCollection(collection, product)
9
	$routeToCart()
10
	$routeToMyAccount()
11
	$routeTopage()
12
​
13
Navigate
14
	$navigateToAccount()
15
	$navigateToCheckout()
16
​
17
Theme editor
18
	$getPageSettings(page)
19
	$getThemeSettings()
20
	$getForceSettings()
21
	$getFixedSettings(section)
22
​
23
Menu
24
	$getMenu(handle)
25
​
26
Device
27
	$getDevice()
28
	$isMobile()
29
	$isTablet()
30
	$isDesktop()
31
​
32
Storage
33
	$getStorage(key)
34
	$setStorage(key, value)
35
​
36
Other
37
	$resizeImage(url = '', height = '', width = '', crop = '', scale = '')
38
	$changeCurrency(code)
39
	$toggleOverlay(state)
Copied!
Page component props
Home
Prop
Type
Description
featuredProducts
Array
​
featuredCollections
Array
​
collectionList
Array
​
Product
Prop
Type
Description
product
Object
​
variant
Object
​
description
String
​
availableOptions
Array
​
currentOption
Object
​
unavailableVariant
Boolean
​
unavailableOptionItems
Object
​
pages
Array
​
cartFormId
String
​
isPageFetching
Boolean
​
isDisabledAddCart
Boolean
​
isActiveOptionItem
Function
​
isCartItemAdded
Boolean
​
uploadProcess
Object
​
uploadAccept
String
​
validateProperties
Object
​
onChangeOption
Function
​
onChangeQuantity
Function
​
onChangeCustomOption
Function
​
onAddToCart
Function
​

Theme structure

Theme editor

Last modified 2yr ago

Copy link