• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
reza_5180

اضافه کردن تعدادی قابلیت به نسخه موبایل

1 پست در این موضوع قرار دارد

سلام

من یه وبسایتی دارم که ریسپانسیوه

نسخه صفحات وب در pc همه امکانات رو بدرستی و کامل نشون میده. در اصل یه منو سمت چپ سایت هست، که در ابزارک سایت میتونیم موارد دلخواه رو در اون قرار بدیم. اما در نسخه موبایل اون منو سمت چپ هست اما اون مواردی که در ابزارک به کار رفته نمیاد. چی کار کنم بنظرتون؟ خیلی واجبه.

اینم کدی از فایل js قالب که فکر کنم مربوط به صفحه موبایل باشه

  //Flickr Widget
    if (jQuery('.flickr_widget_wrapper').size() > 0) {
        jQuery('.flickr_badge_image a').each(function () {
            jQuery(this).append('<div class="flickr_fadder"></div>');
        });
    }

    //Main and Mobile Menu
    jQuery('.menu-item-has-children').children('a').click(function () {
        jQuery(this).next('ul').slideToggle(250);
        setTimeout("content_update()", 250);
        setTimeout("content_update()", 350);
    });
	
	//jQuery('.current-menu-parent').children('ul').slideDown(1);
	
    header.find('.header_wrapper').append('<a href="javascript:void(0)" class="menu_toggler"></a>');
    if (jQuery('.header_filter').size() > 0) {
        jQuery('.header_filter').before('<div class="mobile_menu_wrapper"><ul class="mobile_menu container"/></div>');
    } else {
        header.append('<div class="mobile_menu_wrapper"><ul class="mobile_menu container"/></div>');
    }
    jQuery('.mobile_menu').html(header.find('.menu').html());
    jQuery('.mobile_menu_wrapper').hide();
    jQuery('.menu_toggler').click(function () {
        jQuery('.mobile_menu_wrapper').slideToggle(300);
        jQuery('.main_header').toggleClass('opened');
    });
	if (jQuery('.site_wrapper').size() > 0) {
		setTimeout("jQuery('.site_wrapper').animate({'opacity' : '1'}, 500)", 500);
	} 
	if (jQuery('.fullscreen_block').size() > 0) {
		setTimeout("jQuery('.fullscreen_block').animate({'opacity' : '1'}, 500)", 500);
	}

    if (pp_block.size() > 0) {
        pp_center();
    }
});

jQuery(window).resize(function () {
    window_h = jQuery(window).height();
    window_w = jQuery(window).width();
    header_w = header.width() + parseInt(header.css('padding-left')) + parseInt(header.css('padding-right'));
    content_update();
});

jQuery(window).load(function () {
    content_update();
});

function content_update() {
    if (window_w > 760) {
        //site_wrapper.width(window_w - parseInt(body.css('padding-left')) - parseInt(body.css('padding-right'))).height(window_h - parseInt(body.css('padding-top')) - parseInt(body.css('padding-bottom')));

        if (body.hasClass('admin-bar')) {
            headerWrapper.css('min-height', window_h - parseInt(footer.css('padding-bottom')) - footer.height());
            headerScroll.height(window_h - parseInt(header.css('padding-top')) - parseInt(header.css('padding-bottom')));
        } else {
            headerWrapper.css('min-height', window_h - parseInt(footer.css('padding-bottom')) - footer.height());
            headerScroll.height(window_h - parseInt(header.css('padding-top')) - parseInt(header.css('padding-bottom')));
        }

        if (header.height() < header.find('.jspPane').height()) {
            header.addClass('hasScroll');
        } else {
            header.removeClass('hasScroll');
        }
    }
}

 

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری