تزيين وتشطيب السيارات

<النص البرمجي> window.addEventListener('elementor/frontend/init', () => { مسج(مستند).جاهز(وظيفة($){ var CabinSwiper = new Swiper('.design-cabin', { الشرائح لكل عرض: 4، شرائح لكل عمود: 2، مسافة بين: 0، الملاحة: { nextEl: '.design-box-cabin .design_next'، prevEl: '.design-box-cabin .design_prev'، }, نقاط التوقف: { 240: { شرائح بيرفيو: 1، }, 320: { شرائح بيرفيو: 2، }, // عندما يكون عرض النافذة <= 480 بكسل 600: { شرائح بيرفيو: 3، }, // عندما يكون عرض النافذة <= 640 بكسل 1024: { الشرائح لكل عرض: 4، } }, }); var PanelSwiper = new Swiper('.design-panel', { الشرائح لكل عرض: 4، شرائح لكل عمود: 2، مسافة بين: 0، الملاحة: { nextEl: '.design-box-panel .design_next'، prevEl: '.design-box-panel .design_prev'، }, نقاط التوقف: { 240: { شرائح بيرفيو: 1، }, 320: { شرائح بيرفيو: 2، }, // عندما يكون عرض النافذة <= 480 بكسل 600: { شرائح بيرفيو: 3، }, // عندما يكون عرض النافذة <= 640 بكسل 1024: { الشرائح لكل عرض: 4، } }, }); var FloorSwiper = new Swiper('.design-floor', { الشرائح لكل عرض: 4، شرائح لكل عمود: 2، مسافة بين: 0، الملاحة: { nextEl: '.design-box-floor .design_next'، prevEl: '.design-box-floor .design_prev'، }, نقاط التوقف: { 240: { شرائح بيرفيو: 1، }, 320: { شرائح بيرفيو: 2، }, // عندما يكون عرض النافذة <= 480 بكسل 600: { شرائح بيرفيو: 3، }, // عندما يكون عرض النافذة <= 640 بكسل 1024: { الشرائح لكل عرض: 4، } }, }); دع الكود = ` `; $('body').append(code); $('#DESIGN_POPUP .إغلاق_hover_box').click(function() { $('#DESIGN_POPUP').hide(); }); $('.design_box').انقر(وظيفة() { دع postId = $(this).data('id')، imageUrl = $(this).find('.f_image')[0].src; // قم باختيار jQuery للحصول على تصميم جديد "design" $.اجاكس({ عنوان url: '/wp-json/wp/v2/design/' + postId، // قم بتنزيل عنوان URL الخاص بـ WordPress ومعرف "التصميم" الجديد الطريقة: "الحصول على"، النجاح: الوظيفة (الاستجابة) { console.log(الاستجابة) // 获取自定义字段的值 $('#DESIGN_POPUP .design_title').html(response.title.rendered); $('#DESIGN_POPUP .design_short_title').html(response.acf.description); $('#DESIGN_POPUP .design_description').html(response.acf.table); $("#DESIGN_IMAGE").attr("src", imageUrl); $('#DESIGN_POPUP').show(); }, خطأ: وظيفة (خطأ) { // 处理错误情况 console.log('خطأ:', خطأ); } }); }); }) }) <نمط> .swiper الشريحة { الارتفاع: تلقائي؛ } #DESIGN_POPUP { الموقف: ثابت؛ أعلى: 0؛ اليسار: 0؛ العرض: 100 فولت واط؛ الارتفاع: 100 فولت؛ مؤشر z: 99999999؛ الخلفية: رغبا (0،0،0،0.4)؛ العرض: لا شيء؛ } .design_popup_box { أقصى عرض: 1400 بكسل؛ العرض: 80%؛ اليسار: 50%؛ أعلى: 50%؛ تحويل: ترجمة(-50%، -50%)؛ الموقف: مطلق؛ العرض: فليكس؛ محاذاة العناصر: مركز؛ ضبط المحتوى: مسافة بين؛ الحشو: 4ريم؛ الخلفية: #ففف؛ } .كلوز_hover_box { الموقف: مطلق؛ اللون: #ففف؛ الحق: 0؛ أعلى: 0؛ الخلفية: var( --e-global-color- Secondary ); الحشو: 0.4ريم 1ريم؛ المؤشر: المؤشر؛ تحديد المستخدم: لا شيء؛ } .design_popup_box .design_content { العرض: 75%؛ } .design_popup_box .design_image { العرض: 25%؛ الحشو: 0 5%؛ } .design_popup_box .design_image img { العرض: 100%؛ } .design_short_title { وزن الخط: 400؛ اللون: فار( --e-global-color- Secondary ); حجم الخط: 1.5ريم؛ الهامش السفلي: 3rem؛ } .design_title { حجم الخط: 2.25ريم؛ الهامش السفلي: 2rem؛ } .تصميم_وصف { حجم الخط: 1.125ريم؛ وزن الخط: 300؛ } .design_btn > شعبة { الموقف: مطلق؛ اليسار: 0؛ أعلى: 50%؛ تحويل: ترجمة(-120%، -50%)؛ العرض: 3ريم؛ المؤشر: المؤشر؛ } .design_btn > div.disable { المؤشر: افتراضي؛ } .design_btn > div svg { ملء: #d5d5d5؛ العرض: 100%؛ } .design_btn > div:hover svg { اللون: فار( --e-global-color- Secondary ); } .design_btn > div.design_next { اليسار: غير محدد؛ الحق: 0؛ تحويل: ترجمة (120%، -50%)؛ } .تصميم المقصورة، .لوحة التصميم، .طابق التصميم { الحد العلوي: 1 بكسل صلب #dcdcdc؛ الحد الأيسر: 1 بكسل صلب #dcdcdc؛ الموقف: نسبي؛ } .تصميم_بوكس { الحشو: 2ريم؛ الحدود اليمنى: 1 بكسل صلب #dcdcdc؛ الحد السفلي: 1 بكسل صلب #dcdcdc؛ الموقف: نسبي؛ محاذاة النص: مركز؛ المؤشر: المؤشر؛ الارتفاع: 100%؛ } .design_box .cover_box { الموقف: مطلق؛ اليسار: 0؛ أعلى: 0؛ الارتفاع: 100%؛ العرض: 100%؛ العتامة: 0؛ الرؤية: مخفية؛ الانتقال: جميع .4s؛ الخلفية: رغبا (0،0،0،0.4)؛ اللون: #ففف؛ العرض: فليكس؛ محاذاة العناصر: مركز؛ ضبط المحتوى: مركز؛ الاتجاه المرن: العمود؛ } .design_box .cover_box img { العرض: 3.5ريم؛ الهامش العلوي: 4rem؛ } .design_box h3 { وزن الخط: 300؛ حجم الخط: 1.5ريم؛ الهامش: 1ريم؛ } .design_box: تحوم .cover_box { الرؤية: مرئية؛ العتامة: 1؛ } .design_box:تحوم .design_content { العتامة: 0؛ الرؤية: مخفية؛ } .design_popup_box تد { الحشو: 1ريم 0؛ الحد السفلي: 1 بكسل صلب #dcdcdc؛ الموقف: نسبي؛ } .design_popup_box tr > td:first-child { الحشو: 1rem 2rem 1rem 0؛ } .design_popup_box tr > td:الطفل الأول:بعد { الموقف: مطلق؛ محتوى: ''؛ العرض: 1ريم؛ الارتفاع: 1 بكسل؛ أسفل: -1px؛ الحق: 0؛ الخلفية: #ففف؛ } شاشة الوسائط و(الحد الأقصى للعرض: 767 بكسل) { .design_btn > شعبة { تحويل: ترجمة(-80%، -50%)؛ } .design_btn > div.design_next { تحويل: ترجمة (80%، -50%)؛ } .design_popup_box { الاتجاه المرن: العمود؛ محاذاة العناصر: البدء؛ } .design_content { العرض: 100%؛ } .design_popup_box .design_image { العرض: 50%؛ الهامش الأيمن: 2rem؛ } }