2016-05-01 243 views
1

我想獲得確切的樣式woocommerce在產品頁面的數量和添加到購物車按鈕。我似乎無法將此添加到產品圖片旁邊的常規頁面。我正在使用木星5和「添加到購物車」簡碼。附件的例子看起來像什麼,我想要它看起來像什麼。請幫忙!Woocommerce添加到購物車的風格作爲產品頁

  1. http://i.stack.imgur.com/JbAaf.png
  2. http://i.stack.imgur.com/qXdTj.png
+0

那麼事實上,在一個普通的網頁上,你把WOO Shortfcode添加到購物車,你會得到一個無風格的文本「添加到購物車」。我已經嘗試了包裝內聯風格,但沒有運氣。我正在嘗試將添加到cart.php並將其鏈接到「single_add_to_cart_button shop-skin-btn shop-flat-btn alt」。這裏是一個很好的按鈕http:// thiverly。世界/商店/瑪咖巧克力/和那個壞的一個:http://thrively.world/home –

回答

0

最後你想之前add to cart按鈕來添加quantity buttons and field的顯示在[add_to_cart]簡碼。

您需要先安裝並啓用jupiter兒童主題(包含在jupiter5中)。完成後,將woocommerce文件夾(位於jupiter5主題內)複製到您的子主題文件夾中。

重要說明:這個woocommerce模板一直由jupiter5團隊定製(完全沒有)。

你的店簡單的產品頁面使用顯示quantity + add to cart fields and buttons以下woocommerce模板:

  • 單品/添加到購物車/ simple.php

  • 單品/添加 - 到購物車/ quantity.php

"Add to cart"簡碼使用另一種獨特woocommerce模板(帶出量)

  • 環/添加到cart.php

所以,你需要在這個模板中添加一些代碼有比你的單品頁面類似的東西,它不是這樣比你想象的容易。

有一些相關鏈接(有些不是因爲他們是真正有用的,但它們可以幫助):

與所有的材料,並與single-product/add-to-cart/quantity.php的HTML/PHP代碼,你將能夠前進,並在這個新的方式來更新你的問題,顯示你做了什麼,什麼有效,什麼不...

+0

感謝這樣一個詳細的答案。我發現這比預期更困難。我已經建立了一個兒童主題和一個woocomerce孩子。我需要使用提供的鏈接修改add-to-cart.php。會及時向大家發佈 –

相關問題