商店美化

自訂購物車登入頁面的提示訊息
 STEP1. 要自訂上圖紅框處的購物車登入提示訊息,至後台「設定>版面>自訂JS全站程式碼」。 STEP2. 加入以下語法: $(".login-hint").html("您可以繼續訪客模式購物,或登入會員享更多優惠喔!"...
星期二, 七月 30, 2024 在 5:20 PM
頁尾滿版語法
商店有開首頁滿版語法 路徑:版面>自訂CSS商店樣式,貼入提供的語法,展開您的頁尾: body.home.fullscreen #footer{max-width:100%;} ▴沒開首頁滿版語法 #footer{max-width:100%;} #footer .footer...
星期一, 七月 1, 2024 在 5:51 PM
部落格主圖自訂尺寸
設定路徑:頁面 > 部落格(Blog) > CSS自訂,加入以下提供的程式碼。 @media (min-width:753px){ #blog-post-content .main-figure img{ width:auto; max-width: 100%; max-heigh...
星期一, 七月 1, 2024 在 5:51 PM
商品頁另開分頁語法
設定路徑:版面 > 自訂JS全站程式碼,將下列語法貼入。 $(".grid-box .image a, .grid-box .name a").each(function(){$(this).attr("target","_blank"...
星期一, 七月 1, 2024 在 5:52 PM
結帳頁面(購物車),隱藏「下一步進行結帳按鈕」
隱藏結帳頁面(購物車),『   下一步|進行結帳    』按鈕的語法: 設定路徑:版面>自訂CSS商店樣式。 語法: .shopping-cart #div_bytr_checkout{display:none;}
星期一, 七月 1, 2024 在 5:55 PM
將部落格放置於商店內
• 方法1 : 置於「商店主選單」。 STEP1. 設定路徑:商品>商品分類,新增一個商品分類。 STEP2.「點擊轉向指定頁面」欄位,選擇「自訂網址(URL)」,再輸入「/blog」。 • 方法2. iframe至html自訂語法區塊 後選擇要放置位置 設定路徑 : 擴充&g...
星期五, 六月 28, 2024 在 6:16 PM
商品介紹內圖片寬度限並置中
商品介紹內圖片寬度限制,並置中的語法,再貼至後台 : 版面>自訂CSS商店樣式。 #tab-description img{ width:800px; display:block; margin:auto; } 【提醒】:此語法是控制所有商品頁『商品介紹』圖片寬度。
星期一, 七月 1, 2024 在 5:57 PM
自訂頁面想要版滿
<style> #body-outer-container.container { width:100% } #body-outer-container #maincontent { padding-left: 0px; padding-right: 0px; } </style&g...
星期一, 七月 1, 2024 在 5:59 PM
加價購圖片放大的語法
「加價購圖片」放大的語法,請設定在後台:版面>自訂CSS商店樣式。 /*購物車頁 加價購圖片寬度設定*/ .shopping-cart img.buytogether {    width: 80px !important; } /*商品頁 加價購圖片寬度設定*/ label[id^=...
星期一, 七月 1, 2024 在 6:00 PM
特定自訂頁面內文滿版語法
特定自訂頁面內文滿版語法,需將以下語法放在自訂頁面的style標籤裡( <style>    </style>)。 #body-outer-container{ width:100%; padding-left:0; padding-right:0; } #body-outer-co...
星期四, 五月 16, 2024 在 6:01 PM