[風間]

已修復原本錯誤的樣式效果

[風間]

https://theme.co/apex/forums/topic/woocommerce-my-account-default-look-tabs/

[風間]

讓導航菜單橫排效果：

nav.woocommerce-MyAccount-navigation {
    width: 20%;
    float: left;
    display: inline-block;
}
.woocommerce-MyAccount-navigation ul {
    margin-top: 0;
}
.woocommerce-MyAccount-navigation ul {
    margin-top: 0;
}
.woocommerce-MyAccount-navigation-link {
     display: initial;
}
.woocommerce-MyAccount-navigation-link a {
    margin: 0;
    padding: 15px 6px;
    text-align: left;
}
.woocommerce-MyAccount-navigation-link a:before {
    border-top: 1px solid #cccccc;
    border-radius: 0;
    background-color: transparent;
    opacity: .875;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
.woocommerce-MyAccount-navigation-link:last-child a:before {
    border-top: 1px solid #cccccc;
    border-radius: 0;
    background-color: transparent;
    opacity: .875;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
nav.woocommerce-MyAccount-navigation ul li:last-child a:before {
    border-bottom: 1px solid #ccc;
}

懸停效果：

.woocommerce-MyAccount-navigation-link a:hover {
  	background-color:#edf1f7;
}

更新版的：

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
  	background-color:#edf1f7;
}

[風間]

WooCommerce 模板全部更新至最新版，主題升級完成。 後續如遇到頁面錯位等問題，這是由於原 WordPress 主題過舊的原因導致，需要進行其他的修復工作，目前客户要求的內容已完成。

[風間]

我的賬户頁面已修復：

原版的一直是處於錯位狀態，其實這是因為升級到 woocommerce 2.6 後有大版本的更新，所以沒有 css 的緣故：

---

已修復效果，我們做的 css 美化和模板樣式：

[風間]

訂單結算頁面重寫完成：

修改前會出現支付窗口重複的問題：

重寫後無錯位和重複情況。

[風間]

我的購物車模板重寫完成：

升級前錯位情況：

升級後的顯示效果：

[風間]

忘了説 cd 到 sh-1.5.5 文件夾下 是 Linux 的命令也就是指令去 sh-1.5.5 這個文件夾裏面，你的找不到，是因為名稱不對，你要找的應該是 cd XXX 到你對應的文件夾裏。

[風間]

你好，純新手的話不建議這麼折騰啊，服務器是阿里雲的話，建議你直接換個新的鏡像就好。

對於 Linux 維護後續的配置也比較麻煩。推薦個可視化的後台面板：https://www.bt.cn/

鏡像的話可以直接後台找集成了這個面板的，然後重裝就好了。

[風間]

是兼容 X3.4 的

[作者]

帖子