+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: مشکل در نمایش تصاویر در جوم شاپینگ (/thread-20063.html)
مشکل در نمایش تصاویر در جوم شاپینگ - sorina_1100 - ۳۱-۵-۱۳۹۵ ۱۱:۲۶ عصر
سلام خسته نباشین
از کجا میتونم سایز نمایش تصاویر داخل اسلایدشوی جوم شاپینگ رو بیشتر کنم ؟
آدرس سایت :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
میخوام روی تصویر کلیک کردن بزرگ تر نمایش بده اما هرجا تنظیم میکنم هیچ تاثیری نداره...
ممنون میشم راهنمایی کنید.
RE: مشکل در نمایش تصاویر در جوم شاپینگ - ابوذر مرادی - ۱-۶-۱۳۹۵ ۰۳:۱۲ عصر
با سلام .
اسلایدشو رو چک کردم همه چیش به صورت خوب و بدون نقص داره کار میکنه..
خودشو با مانیتور وفق میده و مشکل خاصی نداره.
منظورتون رو واضح تر بگید
موفق باشید
RE: مشکل در نمایش تصاویر در جوم شاپینگ - sorina_1100 - ۴-۶-۱۳۹۵ ۰۶:۰۴ عصر
من میخوام که وقتی روی بزرگنمایی تصویر کلیک میشه ، یا روی خود تصویر کلیک میشه و داخل اسلایدشو نمایش پیدا میکنه تصویر با سایز بزرگتری نمایش داشته باشه.
هرچی تنظیمات انجام میدم فایده نداره و عکس رو کوچیک نشون میده. مثلا 800 در 800 بزاری یا 1200 در 1200 بزاری بازم با همون سایزی که الان نشون میده نمایش میده.
مشکل از کجاست؟
RE: مشکل در نمایش تصاویر در جوم شاپینگ - ابوذر مرادی - ۴-۶-۱۳۹۵ ۰۷:۳۲ عصر
دوست عزیز قالب وب سایت شما کاملا واکنش گرا (ریسپانسیو) هست نباید همچین اندازه هایی رو قرار داد!
توی کد های زیر از % استفاده شده و کاملا ریسپانسیو هست!!
خب برای حل این مشکل
به مسیر زیر بروید
کد:
.../components/com-jshopping/cssفایل jquery.lightbox.css را باز کرده و آی دی زیر را جستجو کنید (خط 36)
کد:
#lightbox-container-image-data-boxخصوصیات فعلی این آی دی به صورت زیر است :
کد:
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}این قسمت را با کد زیر جایگزین کنید
کد:
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width:100% !important;
max-width: 500px;
margin: 0 auto;
}خب برای اینکه قسمت پایین عکس داخل اسلایدشو با کادر عکس مساوی بشه توی همین فایل آی دی زیر را جستجو کنید (خط 77)
کد:
#lightbox-container-image-data-boxخصوصیات فعلی این آی دی به صورت زیر است :
کد:
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}این قسمت را با کد زیر جایگزین کنید
کد:
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100% !important;
max-width: 480px;
padding: 0 10px 0;
}دوست عزیز توی قسمت اول بیشترین عرض برای تصویر 500 پیکسل و توی قسمت دوم که همون کادر پایین عکس هست عرض رو 480 پیکسل تنظیم کردم. (480 بخاطر اینه که اون کادر از 2 طرف به اندازه 20 پیکسل گرفته شده {padding: 0 10px 0;} )
میتونید اندازه دلخواهتون رو بهش بدید ولی پیشنهاد میشه بیشتر از 600 پیکسل نباشه....!
موفق باشید