2017-10-06 17 views
-3

私はプラグインを使用したWoocommerceウェブサイトを持っていますので、ボタンを押してcostumerが商品を に追加することができます。このボタンには、白い心臓のイメージがあります。ボタンをクリックした後、白い心臓は赤い心臓で変化しなければならない。これは動作しますが、ページがリロードされた後にのみ有効です。だから私はイメージをリアルタイムで変更したいと思っています。私はAJAXが必要なようなことを知っています。イメージの名前は、変数$ clsによって使用されます。これはイメージのsrcで使用されます。IF ELSEステートメントでPHP変数リアルタイム更新

私は、次のコードを持っている:どのように私はそれを動作させることができ

<?php 
if(is_user_logged_in()) { 
    $hlink=get_permalink()."?add_to_wishlist=".$post_ID; 
    $a=1; 
} else { $hlink='/login';$a=0; } 
    $is_in_wishlist = YITH_WCWL()->is_product_in_wishlist($post_ID); 

    if($is_in_wishlist==1) { 
     $cls='red'; 
    } else { 
     $cls='white'; 
    } 
?>  
<a href="<?php echo $hlink;?>" <?php if($a==1){ ?> rel='nofollow' <?php } ?> data-product-id="<?php echo $post_ID ?>" data-product-type="simple" class='add_to_wishlist'><img class="botButton" id="changeheartcolor" src="//voice-overs.online/wp-content/themes/Impreza-child/images/voice-overs_online_heart-<?php echo $cls; ?>.svg"> 

をとても心(画像)を直接ページを更新せずに変更する変更されますか?

+2

ここであなたのAjaxリクエストは – shashi

+0

です。今後は、コードを書式化して読みやすくしてください。 – Script47

+0

それは事です。私はまだAjaxを持っていません。私はどのコードを使用するのか、何を編集するのかを知ることはできません。 –

答えて

0

PHPの質問ではなく、画像を読み込むにはjavascriptを使用する必要があります。変更する前にあらかじめ読み込んでおいてください。

+0

コードの内容を教えていただけますか? –

+0

検索は可能ですか? https://stackoverflow.com/questions/11722400/programmatically-change-the-src-of-an-img-tag – azurinko

+0

このようなソリューションを試しましたが、動作しません。トピックの私の質問は:どのようにイメージを直接リロードするAJAXを実装することができます。 –

関連する問題