追蹤

修改商品頁的按鈕(加入購物車、直接購買)

需使用商店CSS

_____2018-09-12___1.22.47.png

語法如下:

/*電腦版*//*商品頁*/

/*加入購物車*/

body.product-product a#button-cart{

 background:deepskyblue; /*背景顏色*/

 color:linen; /*文字顏色*/

 border:5px solid #c2e3ef !important; /*框線設定*/

 /*display:none;*/ /*隱藏按鈕*/

}

/*直接購買*/

body.product-product #button-quick-checkout{

 background:deepskyblue; /*背景顏色*/

 color:linen; /*文字顏色*/

 border:5px solid #c2e3ef; /*框線設定*/

 /*display:none;*/ /*隱藏按鈕*/

}

 

/*手機版*//*商品頁*/

@media only screen and (max-width: 768px), only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: portrait) {

 

 /*加入購物車*/

 body.product-product a#button-cart{

  background:#ff0068; /*背景顏色*/

  color:linen; /*文字顏色*/

  border:5px solid #c2e3ef !important; /*框線設定*/

  /*display:none;*/ /*隱藏按鈕*/

 }

 /*直接購買*/

 body.product-product #button-quick-checkout{

  background:#ff8300; /*背景顏色*/

  color:linen; /*文字顏色*/

  border:5px solid #c2e3ef; /*框線設定*/

  /*display:none;*/ /*隱藏按鈕*/

 }

 

}

這篇文章是否有幫助?
0 人中有 0 人覺得有幫助
還有其他問題?提交請求