跳到內容
免費安裝
繁體中文
在 Claude 中開啟 針對此頁面提問在 ChatGPT 中開啟 針對此頁面提問

使用短代碼放置倒數計時器

使用應用程式的短代碼和 Samita Countdown 應用程式區塊,將倒數計時器放在佈景主題中的確切位置。

自動放置會將倒數計時器放在商品頁面的加入購物車按鈕下方。至於其他任何位置,例如首頁區段、商品系列橫幅、頁首上方或登陸頁面,則需要使用倒數計時器的短代碼。

短代碼是一小段標記,意思是「把這個倒數計時器放在這裡」。您從應用程式複製它,並貼到佈景主題編輯器中的 Samita Countdown 區塊。不需要編輯程式碼,而且隨時可以移動或移除該區塊。

每個倒數計時器都有自己的短代碼,由其 ID 和類型組成:

<div class="samita-countdown" data-id="12345" data-type="timer"></div>

data-id 是該倒數計時器的 ID,也就是倒數計時器清單中 Id 欄位的數字,data-type 則是 timer、delivery、stock 或 cart 其中之一。

  1. 在應用程式中開啟倒數計時器,前往其 Display 分頁。在 Display position 區段中找到 Shortcode 那一行,然後點擊 Copy。

    Display 分頁上的 Shortcode 欄位及其 Copy 按鈕

    每個倒數計時器的短代碼都位於它自己的 Display 分頁。

  2. 在您的 Shopify 後台中,前往「線上商店」>「佈景主題」,然後在您要變更的佈景主題上點擊「自訂」。

  3. 使用佈景主題編輯器頂端的範本選擇器,開啟倒數計時器應該出現的頁面:首頁、商品範本、商品系列範本或自訂頁面。

    倒數計時器會精確顯示在您於這個範本中放置區塊的位置,因此在新增任何內容之前,請先選對範本。

  4. 在您要放置倒數計時器的區段中,點擊「新增區塊」,並從清單的「應用程式」部分選擇 Samita Countdown。

    佈景主題編輯器的「新增區塊」選單,在「應用程式」下列出 Samita Countdown 應用程式區塊

    應用程式區塊在「新增區塊」清單中顯示為 Samita Countdown。

  5. 選取該區塊後,將您的短代碼貼到其 Shortcode 欄位中,取代原本的預留文字。

    Samita Countdown 區塊設定,已將短代碼貼入 Shortcode 欄位

    將短代碼貼到區塊的 Shortcode 設定中。

  6. 在區段內上下移動區塊,直到倒數計時器位於您想要的位置。佈景主題編輯器的預覽會顯示區塊的位置,倒數計時器本身則是在線上頁面顯示。

  7. 儲存佈景主題。倒數計時器會立即出現在該頁面上供顧客看到。

  8. 在您線上的商店前台開啟該頁面,確認倒數計時器顯示在您放置區塊的位置。

    如果沒有出現,請檢查倒數計時器是否為 Active、其條件是否符合這個頁面,以及它的時間設定是否表示現在應該顯示。

兩者互相獨立。同一個倒數計時器可以勾選 Product page,同時在您的首頁放置短代碼區塊,這樣兩個地方都會顯示。

這通常正是全店特賣所需要的:每個加入購物車按鈕下方都有計時器,另外在首頁頂端放一個橫幅。

在多個位置顯示同一個倒數計時器

Section titled “在多個位置顯示同一個倒數計時器”

您可以將同一個短代碼貼到任意多個區塊,放在任意多個範本上。一個倒數計時器、一組設定,顯示在您放置的所有位置:只要更改一次結束日期,所有副本都會跟著更新。

短代碼只是讓倒數計時器有地方顯示,並不會覆寫它的條件。

限定於單一商品系列的倒數計時器,即使在首頁放了短代碼區塊,也不會在那裡顯示任何內容,因為首頁不屬於該商品系列。如果倒數計時器應該出現在其條件排除的地方,請放寬條件。

移除以這種方式放置的倒數計時器

Section titled “移除以這種方式放置的倒數計時器”

請在佈景主題編輯器中刪除 Samita Countdown 區塊並儲存。在應用程式中停用或刪除倒數計時器,同樣會讓它停止顯示,但會在您的佈景主題中留下一個空區塊,用完之後請記得清理。

這對您有幫助嗎?