بهم ریختگی در قالبی که ریسپانسیو است!

[sahel65 10]

سلام دوستان. چرا قالبی که ریسپانسیو هست توی گوشی موبایل به هم ریختگی داره؟ وقتی هم که روی گزینه ریسپانسیو نیست باز هم به هم ریخته ست؟؟؟ لطفا راهنمایی کنید. مرسی

تصویر سایت: [ATTACH=CONFIG]8062[/ATTACH]

[Masood Ashoori 232]

نسخه اورجینال خریدید ?? آدرس سایت رو باید قرار بدید بررسی بشه

[sahel65 10]

ariarazm.ir

از سایت eshopcms خریدم

[Masood Ashoori 232]

درسته . قالب ریسپانسیو هست ولی روش کار نشده . هزینه قالب هم متناسب با امکانات و خاصیت های فعلی بسته هست . باید خودتوت قالب رو ویرایش کنید .

[sahel65 10]

درسته ولی حتی وقتی قالب غیر ریسپانسیو هم هست یعنی حالت معمولی. با زهم همین مشکل رو داره. در صورتی که من یه قالب دیگه از همین سایت خرید م ولی روی موبایل مشکلی نداره (درحالت fixed) اما این قالب توی حالت معمولی هم حتی مشکل داره. عکسی که قرار دادم عکسیه که در حالت عادی و غیر ریسپانسیو از سایت گرفته شده

[sahel65 10]

امکانش هست یه مقاله یا مطلبی که منو با نحوه ریسپانسیو کردن و یا حداقل فیکس کردن موقعیتهای سایت روی گوشی و ... کمک میکنه، به من معرفی کنید؟ ممنون میشم

[m3hdi 15]

سلام .

این قالبی که وجود داره با استفاده از فریم ورک بوت استرپ 2.3 طراحی شده و همونطور که در بین کدهاش می بینید از کلاس هایی با عنوان span استفاده شده و اینکه به صورت درصدی نیز می باشد .

فریم ورک بوت استرپ حالت واکنش گرایی رو داره . پس نتیجه می گیریم مشکل از افزونه هایی که در این قالب استفاده شده و حالت واکنشگرایی ندارند .

اما در کل اگه بخواهی حالت واکنش گرایی یاد بگیری بهتر هستش که از فریم ورک بوت استرپ شروع کنی که ساده تر هستش و میتونی از داکیومنت موجود در سایت http://getbootstrap.com استفاده کنی .

اما به صورت دیفالت یعنی بدون استفاده از فریم ورک خاصی کار طراحی واکنش گرا رو یاد بگیری باید بری سراغ دستورات mediaQuery که کار باهاشون خیلی راحت هستش ولی زمان زیاد باید بزاری ...

[Masood Ashoori 232]

نسخه جوملا چنده ؟ ریسپانسیو قالب رو فعال کنید

[sahel65 10]

2.5 هست. ریسپانسیو قالب وقتی فعاله خیلی به هم ریخته تر از این تصویری هست که فرستادم

[m3hdi 15]

این محصولی که از شرکت مربوطه خرید کردید به صورت دیفالت و حالت دمو اون در سایت اون شرکت حالت واکنش گرایی کامل رعایت کرده یا نه ؟

در صورتی که جواب خیر هستش که باید با تیم پشتیبانی تماس بگیرد مشکل رو بروی دمو مربوطه بررسی کنن و برطرف کنن .

اما در صورتی که دمو به خوبی حالت واکنش گرایی داشت ( که بعید میدونم ، چون دمو سایت اصلی دیدم حالت واکنشگرایی رو نداره به استناد به این لینک ) مشکل از استایل دهی های CSS قالب در هنگام ترجمه می باشد .

یه موضوعی برام جالبه . یه عهده ای به عنوان اینکه قالبی که دارن می فروشن ریسپانسیو و استناد می کنن به اینکه اسکرول بار افقی برای قالب نمی افته . درصورتی که شما یا یه تیکه کد :

body{
overflow-x:hidden;
}

می تونید اسکرول بار افقی سایتتون کامل از بین ببرید .

چون سایتتون فروشگاهی هستش بهتون پیشنهاد می دم از حالت واکنش گرایی استفاده نکنید ...چون دلیل خاصی نداره از این حالت بروی قالب های فروشگاهی فعال باشه ! به عنوان نمونه واضح سایت دیجی کالا رو میتونم بهش اشاره کنم ....

[m3hdi 15]

یه نکته مهمی که میخواستم بگم و اون اینکه اصلا از فیچرها و امکانات این سایت به حالت واکنشگرایی یا REsponsive اشاره نشده ...