زمان کنونی: ۱۰-۱-۱۴۰۳, ۱۰:۲۰ عصر درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
مشکل در نمایش تصاویر در جوم شاپینگ
۳۱-۵-۱۳۹۵, ۱۱:۲۶ عصر
ارسال: #1
مشکل در نمایش تصاویر در جوم شاپینگ
سلام خسته نباشین
از کجا میتونم سایز نمایش تصاویر داخل اسلایدشوی جوم شاپینگ رو بیشتر کنم ؟
آدرس سایت :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

میخوام روی تصویر کلیک کردن بزرگ تر نمایش بده اما هرجا تنظیم میکنم هیچ تاثیری نداره...
ممنون میشم راهنمایی کنید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۱-۶-۱۳۹۵, ۰۳:۱۲ عصر
ارسال: #2
RE: مشکل در نمایش تصاویر در جوم شاپینگ
با سلام .

اسلایدشو رو چک کردم همه چیش به صورت خوب و بدون نقص داره کار میکنه..

خودشو با مانیتور وفق میده و مشکل خاصی نداره.
منظورتون رو واضح تر بگید

موفق باشید
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۴-۶-۱۳۹۵, ۰۶:۰۴ عصر
ارسال: #3
RE: مشکل در نمایش تصاویر در جوم شاپینگ
من میخوام که وقتی روی بزرگنمایی تصویر کلیک میشه ، یا روی خود تصویر کلیک میشه و داخل اسلایدشو نمایش پیدا میکنه تصویر با سایز بزرگتری نمایش داشته باشه.
هرچی تنظیمات انجام میدم فایده نداره و عکس رو کوچیک نشون میده. مثلا 800 در 800 بزاری یا 1200 در 1200 بزاری بازم با همون سایزی که الان نشون میده نمایش میده.
مشکل از کجاست؟
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۴-۶-۱۳۹۵, ۰۷:۳۲ عصر
ارسال: #4
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 پیکسل نباشه....!

موفق باشید
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط رضاندیمی ، sorina_1100
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان