<delect id="epa7r"></delect><bdo id="epa7r"></bdo><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt><bdo id="epa7r"><rt id="epa7r"></rt></bdo><noframes id="epa7r"> <noframes id="epa7r"><rt id="epa7r"></rt><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><rt id="epa7r"></rt></rt><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt> <rt id="epa7r"><rt id="epa7r"></rt></rt><bdo id="epa7r"></bdo><noframes id="epa7r"><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><rt id="epa7r"></rt></rt><delect id="epa7r"></delect>
已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

添加好主題之后,在你的Shopify店鋪里,點擊主題的 Customize,即可進入到Shopify主題的配置!

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

在完成了基本的Shopify功能配置之后,我們接下來要配置和設計好我們的Shopify店鋪。完成了店鋪的設計和配置之后,我們的電商獨立站點就可以正式上線對外了。

1.Shopify店鋪主題模板選擇

用Shopify來做獨立站的一個好處就是:我們可以建一個獨立的個人電商網站,都完全不需要去寫代碼,不需做后臺,不需要做頁面設計。

因為這一切,都是通過選擇Shopify提供的模板就可以完成。

登錄Shopify后,選擇 Online Store 下面的 Themes ,進入主題選擇。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

右邊的 Current theme 就是你當前正在使用的主題。

我們可以到Shopify的主題商店里挑選我們需要的主題。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

點擊 Vistit Theme Store 進入到Shopify的主題商店。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

我相信很多人剛開始來挑選主題模板時,肯定很糾結,挑花了眼。

這款不錯,那款好像也很好,咦這款的設計真有特色!

恨不得把所有的主題都試過一邊。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

但是在這里,我想跟你說的是—— 剛開始,完全沒有必要花太多時間去對主題進行精挑細選,可以說能用就行,不要太在意其他的。等你后期完全確定自己的產品和風格之后,你再回過頭來想這個問題。事實上,有很多人的店鋪產品是很雜的,什么類型的東西都賣,根本不可能統一的。

那么在剛開始,Shopify主題怎么選?

很簡單,選一個免費的.......

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

點擊 ALL THEMES , 再勾選 Free 。 Shopify的主題商店上,現在有10款可以免費使用的主題。隨便選一款就是了。

2.Shopify主題啟用

添加好主題之后,在你的Shopify里,點擊主題的 Customize,進入到主題的配置。

后面以Simple主題為例進行說明。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

左邊欄的 Sections 是用來配置你的頁面的每一個模塊的。

3.Header配置

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

LOGO處可以上傳自己網站的LOGO 。關于如果方便地制作自己的logo,下面會教你。

ANNOUNCEMENT BAR 是網站公告。你可以勾選上 Show announcement , 然后在 Announcement text 里寫上你要發的公告。比如告訴你訪問用戶全場包郵,寫上“Free Shipping for All Orders”。

如果你需要公告可以點擊,那你可以在Announcement link 這里填上你要跳轉的網址。

4.Sidebar配置

sidebar 是你的左邊欄的導航菜單。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

但要設置菜單之前,你需要先配置好你的菜單列表。

在 Online Store 里,點擊 Navigation 進入到菜單導航設置。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

在右邊的菜單配置里,點擊 Add menu itme 可以為菜單添加項。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

Name 是顯示的名字,Link是點擊這個菜單項要跳轉的地方。

一般情況下,菜單的第一項我們都設置為 Home page , 接下來的是產品分類( Collections )。

當你設置好你的菜單項之后,你就可以選擇配置你的菜單到你的網站導航欄了。

5.SlideShow配置

你可以給你的主要添加一個幻燈片輪播。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

SETTINGS 是配置輪播效果的,你可以調節各個參數來得到你自己滿意的效果。

CONTENT 這塊則是配置輪播的內容,點擊Add Slide 可以增加一個輪播頁。選擇一張要展示的圖片,以及點擊圖片后跳轉的地址即可。會默認在圖片上面有一個“Shop Now ”的按鈕,你可以自定義這個按鈕文字。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

6.Featured Collection配置

然后我們再添加一個Featured Collection , 你可以將它名稱改為Best Sell。

一般情況下,放在首頁的產品集,如果你已經具體的分類,那你可以給每一個產品分類添加一個Featured Collection,Heading這里填上你的產品類型的名稱,Collection這里選擇你建好的產品類型。

如果你Shopify店鋪的產品很多很雜,那可以干脆就將全部的產品都放在一個Featured Collection里。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

基本上,在你剛開始的時候,首頁有輪播,有產品圖片展示列表就可以了。

Add section 這里還可以添加更多更豐富的展示類型,可以在后面繼續慢慢根據需要增加。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

基本上,在我們完成上面的配置之后,店鋪的頁面配置就完成了。

可能會有人發現,不是還是Product pages , Collection pages ,Blogs , Cart 這些頁面嗎?

是的,這些頁面也可以,并且都需要配置,尤其是product pages 和cart 這兩個頁面。但在這里,單純地用主題來配置的優化空間不大,我們需要借用Shopify插件來幫助我們去將這些頁面做得更好。

Shopify店鋪如何設計?Shopify店鋪主題設置&Header配置教程

OK,這樣一來,Shopify店鋪的設置就基本完成了。

但你是會發現,你的店鋪的地址是  https://xxxx.myshopify.com  , 你還需要進行域名的配置。

下一篇文章,將會介紹如何設計logo,如何配置Shopify獨立域名。(來源: 公子睿)

以上內容屬作者個人觀點,不代表雨果網立場!如有侵權,請聯系我們。

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 百科 搜索
雨果跨境顧問
【爆單沖刺】Google爆單沖刺包
雨果跨境谷歌官方顧問

收藏

--

--

分享
91精品孕妇系列|国产综合在线视频|日韩人妻无码一级潮喷中|女高中自慰喷水免费网站
<delect id="epa7r"></delect><bdo id="epa7r"></bdo><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt><bdo id="epa7r"><rt id="epa7r"></rt></bdo><noframes id="epa7r"> <noframes id="epa7r"><rt id="epa7r"></rt><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><rt id="epa7r"></rt></rt><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt> <rt id="epa7r"><rt id="epa7r"></rt></rt><bdo id="epa7r"></bdo><noframes id="epa7r"><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><rt id="epa7r"></rt></rt><delect id="epa7r"></delect>