私はプラグインを使用した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">
をとても心(画像)を直接ページを更新せずに変更する変更されますか?
ここであなたのAjaxリクエストは – shashi
です。今後は、コードを書式化して読みやすくしてください。 – Script47
それは事です。私はまだAjaxを持っていません。私はどのコードを使用するのか、何を編集するのかを知ることはできません。 –