內部工具-商品內頁程式碼生成器-單品

{{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }}

{{ 'in_app_browser_popup.desc' | translate }}

新朋友獨享首次下單輸入Efree享台灣地址免運！

你的購物車是空的

${{ (item.variation.media ? item.variation.media.alt_translations : item.product.cover_media.alt_translations) | translateModel }}$ ${{ (item.variation.media ? item.variation.media.alt_translations : item.product.cover_media.alt_translations) | translateModel }}$

{{ 'product.bundled_products.label' | translate }}

{{ 'product.bundle_group_products.label' | translate }}

{{ 'product.buyandget.label' | translate }}

{{ 'product.gift.label' | translate }}

{{ 'product.addon_products.label' | translate }}

{{item.product.title_translations|translateModel}}

{{ field.name_translations | translateModel }}

{{ childProduct.title_translations | translateModel }}

{{ getChildVariationShorthand(childProduct.child_variation) }}

{{ 'product.set.open_variation' | translate }}

{{ getSelectedItemDetail(selectedChildProduct, item).childProductName }} x {{ selectedChildProduct.quantity || 1 }}

{{ getSelectedItemDetail(selectedChildProduct, item).childVariationName }}

{{item.variation.name}}

{{item.quantity}}x NT$0 {{ item.unit_point }} 點

${{addonItem.product.cover_media.alt_translations | translateModel}}$

{{ 'product.addon_products.label' | translate }}

{{addonItem.product.title_translations|translateModel}}

{{addonItem.quantity}}x {{ mainConfig.merchantData.base_currency.alternate_symbol + "0" }}

Erwachen 醒寤｜官網單品內頁代碼生成器 8.7 (內建公版 + 終極防呆 + 新人教學)

☺️ 新人必看：Shopline 後台貼上代碼教學（點開） ▼

STEP 1：點擊編輯商品

在 Shopline 後台的商品列表，找到您要編輯的商品，點擊右側的**「編輯」**按鈕。

點擊編輯

STEP 2：切換至商品資訊

進入編輯頁面後，點擊上方頁籤的**「商品資訊」**。

切換商品資訊

STEP 3：開啟 HTML 模式

在商品描述的編輯器左上方，找到並點擊**「Toggle HTML」**按鈕，切換到原始碼編輯模式。

點擊 Toggle HTML

STEP 4：貼上生成的代碼

確保編輯器變成**灰底黑字**的程式碼模式後，將下方生成器產出的 HTML 代碼**「貼上」**。

貼上代碼

STEP 5：更新儲存

貼上完成後，滑到頁面最下方（或右上角），點擊藍色的**「更新」**按鈕，就大功告成囉！

點擊更新

1第一步：新增排版模組

⚡ 快速套用版型範本清空自訂範本

2第二步：編輯模組資訊

提示：按住 ⠿ 拖曳可排序，點擊標題列可展開編輯。

3第三步：預覽與複製代碼

視覺預覽

HTML 代碼