如何安装Bigcommerce的Stencil

Stencil CLI 允许开发人员在本地编辑和预览主题，而不影响商家的实时店面及其内置的Browsersync（在新选项卡中打开）功能使跨桌面

对您的设置进行故障排除

当您在开发 Stencil 主题时遇到意外行为时，请通过检查启动 Stencil CLI 的终端窗口来开始故障排除。

模板 CLI 选项和命令

本文是 BigCommerce 强大的主题开发和部署工具 Stencil CLI 的综合命令参考。有关操作系统的安装说明，请参阅安装 Stencil CLI。有关 BigCo

不兼容的指令

截至撰写本文时，BigCommerce 正在使用 Node-sass 的一个分支，我们计划在未来停用该分支。由于 Stencil CLI 和 BigCommerce 的服务器运行不同版本的 node-sass，因此编译后的 CSS 输出可能存在差异。

Bigcommerce和Shopify哪个好

BigCommerce和Shopify都是知名的电子商务平台，它们各自有自己的优点和特点，选择哪个更好取决于你的具体需求和偏好

Bigcommerce拖拽式搭建商品详情页PDP的Tab模块

BigCommerce详情页拖拽式搭建，通过wigets-builder 快速搭建

API guide

STORE_HASH

About Stencil

Add JavaScript to your Stencil theme Explore how you can inject the power and richness of JavaScript into your themes

inject...

Add stored payment methods

Add to cart URLs

domain}}/{{page}}?sku={{sku

Add wallet buttons to product pages

Add your own wallet buttons Use Page Builder to configure wallet buttons and add them to your theme

Adding additional JavaScript

inject "stringBasedKey" contextValue

App compatibility

Assets

cdn 'assets/img/image.jpg'

B2B Edition for Stencil

Blog commenting with Disqus

/partial

Build and deploy your Stencil theme Learn how to build your custom theme and deploy it to your storefront

Cart and checkout

Catalog price object examples

product.price.non_sale_price_without_tax

Changelog

Checking a theme's size

cdn

Checkout confirmation

stylesheet '/assets/css/theme.css'}

Checkout consignment

STORE_HASH

Creating channels

Creating checkouts

ACCESS_TOKEN

Creating customizable themes

Creating reliable cron jobs

Custom checkouts

Custom fonts and icons

cdn 'webdav:MyFontFile.ttf'

Custom sass functions

stylesheet '/assets/css/theme.scss'

Custom templates

Customers

Customizing template JavaScript

inject...

Defining global styles

theme_settings.homepage_new_products_count

Developing accessible themes

Directory structure

Dynamic template rendering

Enable PayPal smart buttons

Enabling AMP (deprecated)

Enriching templates with GraphQL

STORE_HASH

Example queries

storefrontToken

Examples

#each list_items

Explore the documentation now!

Faceted and textual search

Features

Frontmatter reference with GraphQL queries

! - - sku code from each variant from GQL response

Frontmatter: Adding data to page context

name

Get started with Stencil Learn how to get up to speed on Stencil, BigCommerce's Handlebars based theme engine

Global regions guide

region name="below_content--global"}

GraphQL Storefront API

settings.storefront_api.token

GraphQL Storefront API: Headless checkout flow

STORE_HASH

GraphQL Storefront

Guide to widgets

region name="category_header_banner"}

Guide

Gutenberg support

Handle events

Handlebars helpers reference

jsContext

Handling unexpected behavior

Implementing WCAG guidelines

Incompatible SCSS directives

Install the Stencil CLI Install the Stencil CLI so you can start editing and previewing themes locally

Installation

Installing Stencil CLI

Integrating React components

cdn 'assets/dist/'

Introduction to headless commerce

STORE_HASH

Inventory queries

Inventory settings

Launch checklist

Localization for hosted storefronts (opens in a new tab)

Localization

store_hash

Localize your store Learn about the different steps required to get your store fully localized and ready to operate in different countries

lang

Localizing stores

lang

Locations queries

Locations settings

store_hash

Managing carts

store_hash

Metafields

Modify the login form

lang 'login.new_customer.fact1'

Multi channel capabilities

Multi site setup

Next

Node sass sunset

Optimized one page checkout

Options and commands

channel_id_1 channel_id_2 ... channel_id_n

Order confirmation

lang checkout.my-string

Orders

Overview

PCI compliance

Page Builder

Page composition and styling

partial

Performance optimization

inject

Plugin code reference

Plugin settings

Product import

Product reviews

Proxy REST API endpoints

Query APIs

REST Management API: Headless checkout flow

store_hash

REST Management

checkout.order.id

REST Storefront

Recovering abandoned carts

STORE_HASH

Routes and content

Schemas

banners

Shortcodes

Starting the development server

Stencil Utils reference

Stencil tech stack

title

Storefront selector

Theme metadata: Images

Theme variations

Third party widgets

Translating descriptions

Translating page regions

region }

Tutorial

store_hash

UI settings

Unexpected behavior

Updates and version control

stylesheet ‘/assets/css/theme.css’}

Upload errors

Uploading a theme

Using API site content

Using early hints

stylesheet

Using translation keys

lang

Variants

Versioning guide

store_hash

WCAG compliance levels

Widget Builder

Working with products

ACCESS_TOKEN

alignment

banners

banners

blog

banners

boolean

box model

brand

banners

brand_results

banners

brands

banners

breadcrumbs

banners

carousel

banners

cart

cart_id

banners

categories

banners

category

banners

category_results

banners

checkbox

checkout

banners

code

color

comparisons

banners

config

content_results

banners

countries

banners

create_account

banners

currency_selector

banners

customer

banners

customer_group_id

banners

customer_group_name

banners

downloads

banners

element settings

faceted_search

banners

font

footer

banners

forms

banners

forms_contact

banners

head

banners

heading

image manager

imageDimension

input

is_ajax

banners

number

optimizedCheckout image

order

banners

page

banners

page_type

banners

pages

banners

pagination

banners

price

banners

product id

product image

product

banners

product_results

banners

products

range

reCAPTCHA support

reference

regex input

remote_api_scripts

banners

schema

select

settings

banners

shipments

banners

shipping_messages

banners

shop_by_brand

banners

sitemap

banners

social_media

banners

template_file

banners

text

theme_settings

banners

typography

urls

banners

vault

banners

visibility

wishlist

banners