پارس جوم :: انجمن های تخصصی جوملا

سلام

وقت بخیر

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

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

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

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

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

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

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

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

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

کد: 

http://www.sedayeabadan.ir

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

با درود!

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

کد: 

<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 استایل تعریف شده منبعش رو خودتون باید پیدا کنید. ممکنه در فایل‌های قالب ماژول یا جای دیگری باشه

کد: 

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)

    })

})

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

arash2860

arash2860

hsmtech

arash2860

arash2860