فهرست مقاله

نحوه کار کردن با جی کوئری در المنتور

افزودن جی کوئری در المنتور خیلی ساده است، تنها با قرار دادن کد زیر می توانید کد جی کوئری خود را اعمال کنید.

افزودن جی کوئری در المنتور
نحوه استفاده از جی کوئری در المنتور

افزودن جی کوئری در المنتور : لذت طراحی با المنتور را مزه مزه کنید.

از خط 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. سلام اقا سجاد، می تونید بسته به نیازتون در جاهای مختلف قرار بدین مثلا میتونید در :

      1.کدهای سفارشی قرار بدین و مشخص کنید که در کجا کد نمایش داده بشه
      2. می تونید از قسمت پیشرفته برگه المنتوری خود در کادر هدر با فوتر با وارد کردن تگ کد های جی کوئری تون رو قرار بدین. (البته این مورد زمانی که از افزونه المنت پک استفاده می کنید.)
      3. یا می تونید یک ویدجت یا المان html اضافه کنید و از کدهای جی کوئری استفاده کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *