已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要

shopify 二次開發 產品詳情頁面的開發一(結構布局)

在 使用 shopify 的一些主題過程中,總有不如意的地方,所以就需要我們程序員敲敲代碼了,本篇講的是shopify 產品詳情頁的開發 之 結構布局,建議同行們在本地開發,本地開發shopify部署可以看 Shopify 配置本地開發教程 最詳細詳解

shopify 二次開發 產品詳情頁面的開發一(結構布局)

在 使用 shopify 的一些主題過程中,總有不如意的地方,所以就需要我們程序員敲敲代碼了,本篇講的是shopify 產品詳情頁的開發 之 結構布局,建議同行們在本地開發,本地開發shopify部署可以看 Shopify 配置本地開發教程 最詳細詳解

一、結構布局說明

shopify 二次開發 產品詳情頁面的開發一(結構布局)

二、創建 產品詳情頁 section

1、在 section 文件夾 下面創建自己的 產品詳情頁的section,如 boderry-product-template.liquid,一般我們可以給自己創建的文件加上前綴 如我加的前綴是 boderry shopify 二次開發 產品詳情頁面的開發一(結構布局) 2、在 /templates/product.liquid 修改原先的 section 指向 shopify 二次開發 產品詳情頁面的開發一(結構布局) 到這里我們就可以編寫我們的產品詳情頁了

三、編寫結構代碼

代碼如圖

shopify 二次開發 產品詳情頁面的開發一(結構布局)

效果

shopify 二次開發 產品詳情頁面的開發一(結構布局) 對于這基礎的結構布局代碼編寫我就不說了,大伙估計比我還熟悉這布局,對于前端人員來說,我們更重要的是獲取數據和利用數據 下一步我們將進入 圖片展示區域的開發

(來源:baymax)

以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。

(來源:baymax)

分享到:

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

收藏

--

--

分享
baymax
分享不易,關注獲取更多干貨
九九热精品在线| 自拍偷拍影音第三页| 国产天美传媒性色AV|