查看
1個(gè)月孵化，GMV增長(zhǎng)4400%
shopify在線商店功能添加（三）
shopify新聞
2022-03-28
0
870
分享
圖片橫幅分區(qū)支持一張或兩張圖片，以及一個(gè)帶按鈕的文本框。如果使用了兩張圖片，它們將在臺(tái)式設(shè)備上并排顯示。在移動(dòng)設(shè)備上，您可以選擇圖片是并排顯示還是在列中顯示。
圖片橫幅
圖片橫幅分區(qū)支持一張或兩張圖片，以及一個(gè)帶按鈕的文本框。如果使用了兩張圖片，它們將在臺(tái)式設(shè)備上并排顯示。在移動(dòng)設(shè)備上，您可以選擇圖片是并排顯示還是在列中顯示。
在臺(tái)式設(shè)備中，文本框會(huì)覆蓋部分圖片。在移動(dòng)設(shè)備上，文本框在圖片下方顯示。您可以更改臺(tái)式設(shè)備和移動(dòng)設(shè)備上的文本對(duì)齊方式 - 右對(duì)齊、左對(duì)齊或居中。
分區(qū)設(shè)置
標(biāo)題塊
文本塊
按鈕塊
帶文本的圖片
您可以添加一個(gè)分區(qū)并在其中包含一張圖片和一個(gè)具有可選按鈕的文本塊，以將客戶鏈接到新頁(yè)面。選擇與圖片配對(duì)的文本，以將重點(diǎn)放在所選產(chǎn)品、系列或博客文章上。添加有關(guān)是否有貨和樣式的詳細(xì)信息，還可以提供評(píng)論。
分區(qū)設(shè)置
標(biāo)題塊
文本塊
按鈕塊
大標(biāo)題塊
多列
您可以使用多列分區(qū)在列布局中顯示內(nèi)容，并在列下方添加按鈕以將客戶定向至新頁(yè)面。選擇與圖片配對(duì)的文本，以將重點(diǎn)放在所選產(chǎn)品、產(chǎn)品系列或博客文章上。添加有關(guān)是否有貨和樣式的詳細(xì)信息或提供評(píng)論。
分區(qū)設(shè)置
列塊
一個(gè)分區(qū)中最多可包含 12 列。如果您有一個(gè)、兩個(gè)或三個(gè)列塊，它們會(huì)在臺(tái)式設(shè)備上在一行中顯示。如果您有四個(gè)或以上的列塊，它們將以兩列的布局顯示。在移動(dòng)設(shè)備上，除非啟用在移動(dòng)設(shè)備上啟用滑動(dòng)功能，否則列塊會(huì)在一列中顯示。
頁(yè)面
您可以選擇在分區(qū)中顯示自定義頁(yè)面的內(nèi)容。這會(huì)將頁(yè)面的整個(gè)內(nèi)容引入分區(qū)，但不會(huì)從任何模板引入任何 Liquid 代碼。
分區(qū)設(shè)置
富文本
您可以添加包含標(biāo)頭、段落內(nèi)容和按鈕的富文本分區(qū)，以將客戶鏈接到新頁(yè)面。
分區(qū)設(shè)置
標(biāo)題塊
文本塊
文本塊適合用于與客戶分享有關(guān)您品牌的信息。您可以介紹產(chǎn)品的優(yōu)點(diǎn)、發(fā)布公告、歡迎客戶訪問(wèn)您的商店或介紹您的品牌價(jià)值。
按鈕塊
幻燈片
您可以添加幻燈片分區(qū)，以在商店的頁(yè)面中顯示最多包含 5 張圖片的輪播。
分區(qū)設(shè)置
圖片幻燈片設(shè)置
視頻
您可以在商店的頁(yè)面中添加視頻分區(qū)，以嵌入 YouTube 或 Vimeo 中的視頻。
分區(qū)設(shè)置
Image banner
The image banner section supports one or two images, and a text box with buttons. If two images are used, then they are displayed side by side on desktop. On mobile, you can choose whether the images display side by side or in a column.
On desktop, the text box partially covers the image. On mobile, the text box displays below the image. You can change the text alignment between right, left, or center for both desktop and mobile.
Section settings
Heading block
Text block
Button block
Image with text
You can add a section that contains an image and a text block with an optional button to link customers to a new page. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Section settings
Heading block
Text block
Button block
Caption block
Multicolumn
You can use the mulitcolumn section to display content in a column layout, and add a button below the columns to take the customer to a new page. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or provide a .
Section settings
Column block
You can have a maximum of 12 columns in one section. If you have one, two, or three column blocks, then they display in one row on desktop. If you have four or more column blocks, then they display in a layout of two columns. On mobile, the column blocks dislpay in a single column, unless Enable swipe on mobile is enabled.
Page
You can choose to display the content of a custom page in a section. This brings the entire content of the page into the section, but doesn't bring any Liquid code from any template.
Section settings
Rich text
You can add a rich text section with a header, paragraph content, and a button to link customers to a new page.
Section settings
Heading block
Text block
The Text block is a good way to share information about your brand with your customers. You can describe the benefits of your products, make announcements, welcome customers to your store, or talk about your brand values.
Button block
市場(chǎng)合作：shichangbu@eservicesgroup.com
