وقتی دارین قالب مینویسید با وردپرس یک سری چیزها برای امکانات یک سایت فروشگاهی الزامی هست. درواقع اگر باشه تعامل توی سایت بیشتر ایجاد میشه. مثلا اگر سبدخرید شما فقط یک دکمه باشه که توی هدر میزارین و وقتی کلیک شد بره توی صفحه سبدخرید یک مدل لینک هست. اینجا نیاز به این هست که از سبدخرید ایجکسی استفاده بشه.
پسر همین دکمه اگر عدد محصولات رو نشون بده یک قدم جلوتر هست. ولی اگر هم عدد و قیمت بالا نشون بده (بدون رفرش شدن صفحه ) و همچنین با همین حالت ایجکسی اگر محصول شما به سبدخرید ایجکسی کوچک اضافه بشه سایت قشنگ تر به نظر میاد و برای مشتری در دسترس تر خواهد بود.
حالا اگر این قابلیت رو بخواهیم به سایت اضافه کنیم چطوری میشه انجام داد؟
ما دو روش براش داریم یا با افزونه یا بدون افزونه این کار رو انجام بدیم. هر دو روش به صورت کامل در زیر توضیح داده شده. ساده ترین حالت اینه که افزونه براش نصب بشه اما اگر افزونه با قالب ما هماهنگ نشه و سازگار نباشه مجبوریم خودمون بنویسیم و به قالب اضافه کنیم.
افزودن به سبدخرید ajax با افزونه
داخل مخزن وردپرس افزونه هایی از قبل طراحی و کدنویسی شده که میتونید به سایت خود اضافه کنید. کافیست به منوی افزونه ها / افزودن وارد شوید. و کلمه ajax add to cart سرچ بزنید و افزونه ها را تست کنید و اگر با قالب شما بدون مشکل کار میکند استفاده کنید.
برای لینک افزونه ajax add to cart در مخزن وردپرس کلیک کنید.
افزودن به سبدخرید ajax بدون افزونه
قدم اول :
برای اینکه بدون افزونه از این قابلیت استفاده کنید اول در فایل header.php باید یک آیکون و یک عدد در هدر بزارین مثل کد زیر :
<?php $items_count = WC()->cart->get_cart_contents_count();?>
<li class=”top-cart”>
<a href=”javascript:void(0)”><i class=”flaticon-bag”></i>
<span class=”mini-cart-count”>
<?php echo $items_count ? $items_count : ‘0’; ?>
</span>
</a>
<div class=”cart-drop shop-cart-mini”>
<div class=”shop-cart-mini-inner”>
<?php woocommerce_mini_cart(); ?>
</div>
</div>
</li>
توضیح کد بالا :
خط اول تمام سبدخرید لود میشه اینکه چه تعدادی داخل سبد ذخیره شده. اما الان عدد ثابته این عدد بعد از دکمه افزودن به سبدخرید کد زیر را فراخوانی میکنه (عدد قبلی پاک میشه و عدد جدید جایگزین میشه.)
تابع woocommerce_mini_cart هم یک تابع ووکامرس هست برای فراخوانی سبدخرید مینی ووکامرس که اطلاعاتی از تعداد محصول و نام و … را نمایش میدهد.
قدم دوم :
پاینکه کد زیر را در function.php اضافه کنید :
//ajax add to cart
add_filter(‘woocommerce_add_to_cart_fragments’, ‘wc_refresh_mini_cart_count’);
function wc_refresh_mini_cart_count($fragments){
ob_start();
$items_count = WC()->cart->get_cart_contents_count();
?>
<span class=”mini-cart-count”>
<?php echo $items_count ? $items_count : ‘0’ ; ?>
</span>
<?php
$fragments[‘.mini-cart-count’] = ob_get_clean();
ob_start();
?>
<div class=”shop-cart-mini-inner”>
<?php woocommerce_mini_cart(); ?>
</div>
<?php
$fragments[‘.shop-cart-mini-inner’] = ob_get_clean();
return $fragments;
}
قدم سوم :
یک کد js هست که داخل فایل جاوااسکریپت قالب بزارین.
(function($) {
$(document).on(‘added_to_cart’, function(event, fragments, cart_hash, $button) {
// به روزرسانی محتوای سبد خرید در هدر با Ajax
$.ajax({
url: wc_add_to_cart_params.ajax_url,
type: ‘POST’,
data: {
action: ‘woocommerce_get_refreshed_fragments’
},
success: function(response) {
if (response && response.fragments) {
$.each(response.fragments, function(key, value) {
$(key).replaceWith(value);
});
}
}
});
});
})(jQuery);
خلاصه کلام :
ما با افزونه معروف که از مخزن وردپرس هست، افزودن سبدخرید ایجکسی رو آموزش دادیم. هم اینکه بدون نیاز به افزونه هم به همراه کد گذاشتیم. مخصوصا زمانیکه یک قالب اختصاصی طراحی میکنید برای مشتری یا حتی سایت های ژآکت و راست چین این موضوع خیلی به فروش و جلب مشتری کمک میکنه.
اگر به مسائل توسعه وردپرس و کدنویسی صفحات علاقه مندی به این دسته بندی هم یک سر بزن مطالب خوبی داخلش آپلود میشه.
144 پاسخ
good!!!
Thanks for sharing your ideas. I’d also like to say that video games have been actually evolving. Today’s technology and innovations have made it simpler to create genuine and enjoyable games. Most of these entertainment video games were not actually sensible when the actual concept was first being used. Just like other designs of electronics, video games as well have had to advance by way of many decades. This is testimony on the fast development of video games.
cialis online canada tadalafil bez předpisu tadalafil natural alternatives
cialis cancer risk tadalafil effective time tadalafil buyer
cialis testosterone reddit cialis testimonials forum cialis dci
cialis and atenolol tadalafil goodrx coupon tadalafil daily 5mg
viagra 123
cialis generics availability cialis generico 10mg prix de cialis
viagra instructions 100mg viagra tablets list canadian medicine viagra
cialis costa rica cialis tamsulosin interaction tadalafil eg
Элвис Пресли, безусловно, один из наиболее влиятельных музыкантов в истории. Родившийся в 1935 году, он стал иконой рок-н-ролла благодаря своему харизматичному стилю и неповторимому голосу. Его лучшие песни, такие как “Can’t Help Falling in Love”, “Suspicious Minds” и “Jailhouse Rock”, стали классикой жанра и продолжают восхищать поклонников по всему миру. Пресли также известен своими выдающимися выступлениями и актёрским талантом, что сделало его легендой не только в музыке, но и в кинематографе. Его наследие остается живым и вдохновляет новые поколения артистов. Скачать музыку 2024 года и слушать онлайн бесплатно mp3.
prix cialis 20mg tadalafil francais information cialis 20mg
cialis online billigt tadalafil blurred vision daily cialis prices
enhance viagra viagra vs aspirin sildenafil bnf nice
cialis vidalista cialis dosagens tadalafil cialis diario
dutasteride tadalafil combination tadalafil drug schedule uso continuo tadalafil
goodrx tadalafil prices tadalafil cost canada tadalafil pronounced
tadalafil online europe women cialis pills costo tadalafil 5mg
tadalafil cena sodbrennen durch tadalafil 10mg cialis effects
tadalafil scadenza cialis 10mg uses tadalafil generic australia
generic tadalafil otc cialis pills mg cialis tadalafil dejstvo
cialis cause constipation cialis lilly coupon tadalafil kopen online
tadalafil et hypertension tadalafil bez rp cialis 100mg tablet
cialis nitroglycerin interaction tadalafil prijs genuine cialis pills
lasix furosemide
cialis dosagens tadalafil patent expiration tadalafil mims
zoloft saved my life
cialis 10mg cost tadalafil ema walmart tadalafil price
lisinopril contraindications
flagyl sinus infection
cialis heart medication tadalafil daily dosing cialis like products
cheapest cialis online cialis marketing strategy tadalafil circulation
cialis tablets australia tadalafil liquid dosage cialis tadalafil dose
generic name for lasix
glucophage dose
can i take gabapentin as needed for nerve pain
buy tadalafil 10mg cvs pharmacy tadalafil tadalafil ipb
gabapentin insomnia
amoxicillin ear infection
tadalafil lowest price cheap cialis online cialis work
cephalexin 500 milligram capsules
cialis prescription strength cheapest tadalafil generic tadalafil online paypal
escitalopram tab 10mg
tadalafil 5mg cialis tadalafil chewable tablet tadalafil expired
buy tadalafil cheap cialis vidal cialis max dose
ciprofloxacin for sinusitis dosage
tadalafil auf kassenrezept tadalafil feminino cialis viagra stack
cialis 5mg achat tadalafil 10mg reviews tadalafil south africa
does cephalexin affect birth control
cialis legal online ordering tadalafil online adcirca tadalafil drug
tadalafil 10mg australia generic tadalafil deutschland buy tadalafil pill
cialis video funny tadalafil citrate erfahrung cialis 20mg dosage
cialis on prescription vidalista tadalafil reviews tadalafil 5mg prix
all about tadalafil cialis duração tadalafil expiry
bactrim for kids
tadalafil effetti collaterali maxim peptides tadalafil cialis vardenafil
bactrim over the counter cvs
tadalafil nice cks cialis vs flomax atenolol et cialis
cialis generique fahrradwelt cialis discount coupons tadalafil liquid drops
amoxicillin cvs
cialis and bodybuilding tadalafil medicine tadalafil preisvergleich
tadalafil tablet uses cialis amazon uk cialis dose unica
tadalafil drug tariff megalis generic tadalafil cialis quantity limit
neurontin generics
escitalopram discount
sandoz tadalafil 5 tadalafil principio attivo ordering tadalafil online
daily cialis price tadalafil bulk powder tadalafil dosing instructions
difference between citalopram and escitalopram
cialis viagra gr cialis tunisie prix cialis forum cialisfr2022
cialis working video tadalafil prezzo migliore eye pain cialis
price of cozaar
ddavp posologia
depakote depression
tadalafil aristo tadalafil price increase tadalafil tablets ingredients
citalopram possible side effects
cozaar side effects cough
how long does it take for depakote to work
ddavp bei hämophilie
cialis coupon code prix cialis cialisfr2022 cialis generika china
farmacocinetica del ezetimibe
augmentin dosage for sinus infection how many days
can you take ibuprofen with diclofenac
tadalafil and headache tadalafil orion cialis pill image
diltiazem and atorvastatin
how much does effexor cost
flexeril and flomax
can you take flexeril with aleve
tadalafil pubchem tadalafil farmacias mexico cialis diario tadalafil
allopurinol and gout
amitriptyline benefits
tadalafil medicine walmart pharmacy tadalafil aurochem tadalafil 20mg
what is aripiprazole used to treat
ecotrin aspirin
what is celebrex 200 mg
bupropion withdrawal timeline
medicamento cialis generico tadalafil generic india boots cialis tablets
baclofen and ibuprofen 800
augmentin antibiotic
can you take buspirone and ibuprofen
how to take ashwagandha
celexa vs zoloft
viagra competitor crossword viagra fast acting viagra blood pressure
pfizer viagra coupon pfizer viagra coupon viagra women
cialis generic equivalent tadalafil tablets manufacturers cialis for bodybuilding
actos alusivos
snl abilify
semaglutide zulassung
ace acarbose
maxim peptide cialis cialis tadalafil same billigaste tadalafil 20mg
viagra official site sildenafil teva apteka viagra price nz
remeron soltabs
repaglinide emc
how strong is robaxin
tadalafil uk otc cialis india brands tadalafil for bodybuilding
protonix dr
sildenafil liver damage viagra natural potente coffee recall viagra
cialis generico españa does tadalafil work cialis retail price
sildenafil discovery is viagra temporary viagra generic order
tadalafil valor tadalafil drug schedule tadalafil meaning
synthroid appearance
Wow, marvelous blog structure! How lengthy have you been blogging for?
you make running a blog glance easy. The entire
look of your website is great, as well as the content material!
You can see similar here sklep internetowy
rx sitagliptin phosphate & metformin hydrochloride tablets
viagra bluechew viagra pills substitute sildenafil 100mg coupons
effects of spironolactone
cialis viagra generic cialis generico andorra prix cialis 10
tamsulosin hexal 04
what is voltaren gel prescribed for
generic cialis uk alternative zu tadalafil cialis pills uk
venlafaxine vs zoloft
what is tizanidine taken for
viagra testimonials viagra walmart price sildenafil best brand
zyprexa dosage bipolar
cialis customer reviews average cialis dosage eli lilly cialis
zofran pump side effects
zetia reviews
viagra pfizer precio sildenafil ingredients list viagra oral jelly
does wellbutrin have to build up in your system
what is zyprexa prescribed for
tadalafil prices uk generic cialis 2018 cheapest pharmacy cialis
viagra onset time viagra prescription legal sildenafil citrate
viagra kruidvat viagra professional vs viagra hombre
levitra vierteln vardenafil kaufen deutschland levitra kaufen österreich
viagra drug viagra initial indication sildenafil citrate brand