مشکل عدم نمایش ماژول ریسپانسیو در موبایل

مشکل عدم نمایش ماژول ریسپانسیو در موبایل - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: مشکل عدم نمایش ماژول ریسپانسیو در موبایل (/thread-20185.html)

مشکل عدم نمایش ماژول ریسپانسیو در موبایل - arash2860 - ۲۹-۶-۱۳۹۵ ۰۲:۵۹ صبح

سلام

وقت بخیر

بنده از ماژول BT Content Slider در دو موقعیت مختلف صفحه اول سایت روی جوملا 3.6 استفاده می کنم

این ماژول ریسپانسیو است

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

در یک موقعیت به صورت دو آیتم متحرک و در موقعیت دیگر به صورت 12 آیتم ثابت

قالب سایت ریسپانسیو است

سایت و ماژول در مرورگرهای مختلف روی لپ تاپ و کامپیوتر به درستی لود می شود

در گوشی های موبایل بزرگ و تبلت نیز به درستی رسیپانسیو شده و نمایش داده می شود

اما در گوشی های 4 اینچ به پایین ماژول در موقعیت دو تایی متحرک نمایش داده می شود اما در موقعیت 12 آیتمی ثابت نمایش داده نمی شود و ستون سفید دیده می شود

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

کد: 

http://www.sedayeabadan.ir

RE: مشکل عدم نمایش ماژول ریسپانسیو در موبایل - arash2860 - ۱-۷-۱۳۹۵ ۰۲:۳۴ صبح

اساتید در این باره نظر و راهکاری ندارند؟

RE: مشکل عدم نمایش ماژول ریسپانسیو در موبایل - hsmtech - ۲-۷-۱۳۹۵ ۰۲:۲۸ صبح

با درود!

شما در ماژولتون یک بخش دارید که به این شکله:

کد: 

<div class="slides_control" style="direction: rtl; left: -258px; width: 774px; height: 2000px;"><div class="slide" style="width: 258px; left: 258px;">

البته اعدادش با توجه به اندازه صفحه نمایش متغیر خواهد بود. اما قسمتی که style تعریف شده و به صورت زیر هست اگر حذف بشه ظاهرا مشکل حل میشه:

کد: 

direction: rtl;

البته با توجه به این که به صورت inline استایل تعریف شده منبعش رو خودتون باید پیدا کنید. ممکنه در فایل‌های قالب ماژول یا جای دیگری باشه

RE: مشکل عدم نمایش ماژول ریسپانسیو در موبایل - arash2860 - ۲-۹-۱۳۹۵ ۱۲:۳۲ صبح

کد: 

BTCJ = jQuery.noConflict();

jQuery(document).ready(function () {

    if (typeof(btcModuleIds) != 'undefined') {

        for (var i = 0; i < btcModuleIds.length; i++) {

            jQuery('#btcontentslider' + btcModuleIds[i]).css("direction", "ltr");

            jQuery('#btcontentslider' + btcModuleIds[i]).fadeIn("fast");

            if(btcModuleOpts[i].width=='auto'){

                jQuery('#btcontentslider' + btcModuleIds[i] + ' .slide').width(jQuery('#btcontentslider' + btcModuleIds[i] + ' .slide').width());

            }

            BTCJ('#btcontentslider' + btcModuleIds[i]).slides(btcModuleOpts[i]);

            if (jQuery("html").css("direction") == "rtl") {

                jQuery('#btcontentslider' + btcModuleIds[i] + ' .slides_control').css("direction", "rtl");

            }

        }

    }

    jQuery('img.hovereffect').hover(function () {

        jQuery(this).stop(true).animate({

            opacity : 0.5

        }, 300)

    }, function () {

        jQuery(this).animate({

            opacity : 1

        }, 300)

    })

})

RE: مشکل عدم نمایش ماژول ریسپانسیو در موبایل - arash2860 - ۲-۹-۱۳۹۵ ۰۲:۴۹ صبح

بعد از حذف استایل
direction: rtl
مشکل عدم نمایش حل می شود اما متاسفانه مشکل بهم ریختن سطر بندی جملات به وجود می آید
این استایل از فایل
default.js
در ماژول مربوطه گرفته می شود