商店美化

自訂購物車登入頁面的提示訊息
「購物車登入提示」,您可以到後台「設定>版面>自訂JS全站程式碼」,加入以下語法: $(".login-hint").html("您可以繼續訪客模式購物,或登入會員享更多優惠喔!"); *紅字的文字內容,可自訂更換。
星期四, 二月 22, 2024 在 2:45 PM
頁尾滿版語法
商店有開首頁滿版語法 路徑:版面>自訂CSS商店樣式,貼入以下提供之語法,展開您的頁尾: body.home.fullscreen #footer{max-width:100%;} 沒開首頁滿版語法 #footer{max-width:100%;} #footer .foote...
星期四, 二月 22, 2024 在 2:46 PM
部落格主圖自訂尺寸
設定路徑:頁面 > 部落格(Blog) > CSS自訂,加入以下的程式碼。 @media (min-width:753px){ #blog-post-content .main-figure img{ width:auto; max-width: 100%; max-height:...
星期四, 二月 22, 2024 在 2:48 PM
商品頁另開分頁語法
設定路徑: :版面 > 自訂JS全站程式碼,將下列語法貼入。 $(".grid-box .image a, .grid-box .name a").each(function(){$(this).attr("target","_blank&qu...
星期四, 二月 22, 2024 在 2:49 PM
結帳頁面(購物車),隱藏「下一步進行結帳按鈕」
隱藏加購區上方『下一步,進行結帳』按鈕 語法 設定路徑:版面>自訂CSS商店樣式。 語法: .shopping-cart #div_bytr_checkout{display:none;}
星期四, 五月 16, 2024 在 5:35 PM
將部落格放置於商店內
Step1.放置於選單 路徑:商品>商品分類 可以這樣設定即可。(綁定自訂連結) Step2.iframe至html自訂語法區塊 後選擇要放置位置 路徑 : 擴充>html自訂語法區塊。 切換成原始碼,貼入以下語法: <style type="te...
星期四, 二月 22, 2024 在 2:52 PM
商品介紹內圖片寬度限並置中
商品介紹內圖片寬度限制,並置中的語法,再貼至後台 : 版面>自訂CSS商店樣式。 #tab-description img{ width:800px; display:block; margin:auto; } 提醒:此語法是控制,所有商品頁『商品介紹』圖片寬度。
星期四, 二月 22, 2024 在 2:53 PM
取消 系統預設收件地址與購買人地址相同
結帳頁面 地址欄位 取消自動勾選的語法,新增至後台:版面>自訂-JS全站程式碼。 $('#shipping-method').on('click', 'input[name=\'shipping_method\']...
星期四, 二月 22, 2024 在 2:54 PM
自訂頁面想要版滿
<style> #body-outer-container.container { width:100% } #body-outer-container #maincontent { padding-left: 0px; padding-right: 0px; } </style&g...
星期四, 二月 22, 2024 在 2:55 PM
加價購圖片放大的語法
加價購圖片 放大的語法,加到後台:版面>自訂CSS商店樣式。 /*購物車頁 加價購圖片寬度設定*/ .shopping-cart img.buytogether {    width: 80px !important; } /*商品頁 加價購圖片寬度設定*/ label[id^='la...
星期五, 二月 23, 2024 在 6:17 PM