افزودن جی کوئری در المنتور : لذت طراحی با المنتور را مزه مزه کنید.
از خط 6 تا 22 نمونه کدی که برای یکسری اصلاحات در المنتور استفاده کردم این رو به عنوان نمونه مثال قرار دادم تا شما بهتر و بیشتر متوجه نحوه استفاده از این نمونه کد جی کوئری در المنتور شوید.
افزودن جی کوئری در المنتور : کد های اصلی
از خط 1 تا 4 کد های اصلی جی کوئری می باشد که ما بقیه کدهای شما است که میخواهید با استفاده از جی کوئری یکسری تغییراتی در طراحی با المنتور اعمال کنید.
document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
$('#btn-filter').click(function(){
$('#filter-section').toggle();
var main_section=".elementor-36957 .elementor-element.elementor-element-b6b66f2";
if ($("#filter-section").css("display") !== "none") {
$(main_section).css( "--width", "70%" );
$(".jet-listing-grid__items").removeClass("grid-col-desk-4");
}else{
$(main_section).css( "--width", "100%" );
$(".jet-listing-grid__items").addClass("grid-col-desk-4");
}
});
});
});
2 پاسخ
حالا این کد رو در کجای المنتور باید قرار بدیم تا کد جی کوئری کار کنه ؟
سلام اقا سجاد، می تونید بسته به نیازتون در جاهای مختلف قرار بدین مثلا میتونید در :
1.کدهای سفارشی قرار بدین و مشخص کنید که در کجا کد نمایش داده بشه
2. می تونید از قسمت پیشرفته برگه المنتوری خود در کادر هدر با فوتر با وارد کردن تگ کد های جی کوئری تون رو قرار بدین. (البته این مورد زمانی که از افزونه المنت پک استفاده می کنید.)
3. یا می تونید یک ویدجت یا المان html اضافه کنید و از کدهای جی کوئری استفاده کنید.