在過去的幾天里，我一直在想，如何在客戶選擇選項之前更改“添加到購物車”按鈕的文本。https://www.surendra.sk/shop/accessories/arizona-sandals-2/這里是產(chǎn)品頁面。所以基本上，在選擇顏色和尺寸之前應(yīng)該有另一個文本，比如“請選擇選項”，在用戶選擇它之后，它會變成添加到購物車。已經(jīng)調(diào)用了另一個類，它會在做出任何選擇之前更改 CTA 的背景顏色。我試圖先通過 Javascript 修改它；jQuery(document).ready(function(){jQuery('div.summary.entry-summary > form > div > div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled > button').html('Vyberte farbu a ve?kos?');});沒有結(jié)果。然后，我試圖將它直接實現(xiàn)到functions.php中add_action( 'woocommerce_before_add_to_cart_button', 'test' );function test(){ echo 'Vyberte farbu a ve?kos?';}其中顯示了 CTA 上方的文本。所以我嘗試使用過濾器并使用woocommerce_product_add_to_cart_text這又讓我沒有結(jié)果。因此，我嘗試在 .php 文件中找到“woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled”以直接更改文本?？杀氖?，我發(fā)現(xiàn)的唯一東西是一個正在替換類的 .js，基本上是這樣的：VariationForm.prototype.onHide = function( event ) { event.preventDefault(); event.data.variationForm.$form.find( '.single_add_to_cart_button' ).removeClass( 'wc-variation-is-unavailable' ).addClass( 'disabled wc-variation-selection-needed' ); event.data.variationForm.$form.find( '.woocommerce-variation-add-to-cart' ).removeClass( 'woocommerce-variation-add-to-cart-enabled' ).addClass( 'woocommerce-variation-add-to-cart-disabled' );我知道如果我想用functions.php 實現(xiàn)它，我必須以某種方式調(diào)用$product 和$args，但我是PHP 的新手，我只是聽不懂。你能幫我解決這個問題嗎？
2 回答
Smart貓小萌
TA貢獻1911條經(jīng)驗 獲得超7個贊
在您的活動主題的functions.php中添加以下代碼片段以實現(xiàn)上述任務(wù)-
add_action( 'wp_footer', 'wc_modify_variation_atc_text' );
function wc_modify_variation_atc_text() {
?>
<script type="text/javascript">
(function( $ ) {
var $form = $( '.product form.variations_form' );
$form.find( '.single_add_to_cart_button' ).html('Vyberte farbu a ve?kos?');
$form.on( 'show_variation', function( event, variation, purchasable ) {
$form.find( '.single_add_to_cart_button' ).html('Add to cart');
} );
} )( jQuery );
</script>
<?php
}
HUX布斯
TA貢獻1876條經(jīng)驗 獲得超6個贊
為什么不直接通過 WC 語言文件更改文本？如果您覺得很難做到，請使用 Loco Translate 插件。
關(guān)于顏色 - 只需在主題附加 CSS 文件中添加一些 CSS，例如：
.woocommerce div.product .cart .button.disabled {
background: #ff0000;
}
- 2 回答
- 0 關(guān)注
- 108 瀏覽
添加回答
舉報
0/150
提交
取消