Маленький размер фото. Хоть фото в оригинале большое. JoomShopping

  • 13 Ответов
  • 730 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

stigma88

  • Новичок
  • *
  • 5
  • 0
Ребята, пожалуйста помогите.

Вот страниа товара: http://yukond.ru/index.php/product/view/1/23

При нажатии на фото открывается всплывающее окно с изображением. Но например второе фото ( инструкция ) нечитабельна в таком формате.

Как можно сделать что бы всплывающее окно было больше размером и соотвесвтенно фото больше ?
В оригинале все фото очень больших размеров.


Я думаю проблема в коде всплывающего окна или в CSS

view-source:http://yukond.ru/components/com_jshopping/css/jquery.lightbox.css

view-source:http://yukond.ru/components/com_jshopping/js/jquery/jquery.lightbox.js

Спасибо заранее огромное, отблагодарю обязательно того кто поможет.

*

dmitry_stas

  • Профи
  • ********
  • 9653
  • 929
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

*

stigma88

  • Новичок
  • *
  • 5
  • 0
Спасибо вам огромное за ответ и помощь! Очень благодарен вам.

Я сделал так, но у меня все равно ничего не видно.

https://pp.vk.me/c628127/v628127037/25471/8ncDrVZ7U38.jpg

Я так предпологаю это из за того что у вас широкофрматный экран а у меня нет.


Может можно еще каким то значением увеличить размер ?

*

nevigen

  • Moderator
  • *****
  • 8832
  • 754
  • http://n*****n.com
:)
может все таки сделать статью и ссылку на нее ?
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

stigma88

  • Новичок
  • *
  • 5
  • 0

*

dmitry_stas

  • Профи
  • ********
  • 9653
  • 929
ну просто Lightbox - это картинка вписывается в экран. как вы хотите что она была видна на меленьких мониторах? на планшете если открыть - еще меньше будет. а на телефоне - вообще ничего не видно будет. если вы хотите чтобы она была читабельна полностью - значит вам нужен не Lightbox. делайте такие изображения например ка квуьщ файл к товару. или как уже сказали - материал, и ссылка на него из описания.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

*

stigma88

  • Новичок
  • *
  • 5
  • 0
Извини, я понял тебя. А можно сделать что бы при нажатии на фото оно просто открылась в новой вкладке ?
без всплывающих окон всяких.

*

nevigen

  • Moderator
  • *****
  • 8832
  • 754
  • http://n*****n.com
Зачем?
затем чтобы сделать нормально читаемыми.
сделать материал со статьей или даже вставить туда картинку если лень набирать и SEO побоку..
и в описании к товару сделать просто ссылку на материал... зачем текст показывать в виде картинки ?
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

12mv

  • Завсегдатай
  • *****
  • 526
  • 20
  • Гульсина
Извини, я понял тебя. А можно сделать что бы при нажатии на фото оно просто открылась в новой вкладке ?
без всплывающих окон всяких.

Меня чуть другой вопрос интересовал. Как можно в Lightbox, добавить ссылку "Увеличить ещё" и при нажатии откроется оригинал загруженного фото, в новой вкладке?

*

stigma88

  • Новичок
  • *
  • 5
  • 0
Меня чуть другой вопрос интересовал. Как можно в Lightbox, добавить ссылку "Увеличить ещё" и при нажатии откроется оригинал загруженного фото, в новой вкладке?

Точно...мне это и нужно было! Или большую лупу в угол куда нибудь при нажатии на которую откроется оригинал фото.
Ну или даже в виде ссылки подойдет.

Надеюсь кто нибудь знает

*

12mv

  • Завсегдатай
  • *****
  • 526
  • 20
  • Гульсина
Точно...мне это и нужно было! Или большую лупу в угол куда нибудь при нажатии на которую откроется оригинал фото.
Ну или даже в виде ссылки подойдет.

Надеюсь кто нибудь знает

У меня на старом сайте так, только мне это делали, сама не могу додуматься как воткнуть. В вёртске на Joomla и скриптов всяких, не все моменты знаю.

Вот старый сайт (товар) http://12mv.kz/katalog/fortis-p/fortis.html пока ещё работает сайт можно глянуть. там в Lightbox вставлена иконка лупа, увеличить ещё, она раньше увеличивала ещё чуть больше, но сейчас хочу чтобы открывался оригинал фото в новой вкладке.


Пойду код товара гляну на том сайте старом)))
« Последнее редактирование: 08.12.2015, 14:32:08 от 12mv »

*

12mv

  • Завсегдатай
  • *****
  • 526
  • 20
  • Гульсина
Нашла вот такой участок

Код
            <span id='list_product_image_middle'>
<?php print $this->_tmp_product_html_body_image?>
            <?php if(!count($this->images)){?>
                <img id = "main_image" src = "<?php print $this->image_product_path?>/<?php print $this->noimage?>" alt = "<?php print htmlspecialchars($this->product->name)?>" />
            <?php }?>
            <?php foreach($this->images as $k=>$image){?>
<a class="lightbox" id="main_image_full_<?php print $image->image_id?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" <?php if ($k!=0){?>style="display:none"<?php }?>>
<img id = "main_image_<?php print $image->image_id?>" src = "<?php print $this->image_product_path?>/<?php print $image->image_name;?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" />
<div class="text_zoom">
<img src="<?php print $this->path_to_image?>search.png" alt="zoom" /> <?php print _JSHOP_ZOOM_IMAGE?>
</div>
</a>
            <?php }?>
            </span>
            <?php print $this->_tmp_product_html_after_image;?>
« Последнее редактирование: 08.12.2015, 14:45:32 от 12mv »

*

Ragivort

  • Живу я здесь
  • ******
  • 1010
  • 49
  • Есть мечта-стоит жить
12mv
Попробуйте вместо
<img src="<?php print $this->path_to_image?>search.png" alt="zoom" /> <?php print _JSHOP_ZOOM_IMAGE?>

Вставить

<a href="<?php print $this->image_product_path?>/<?php print $image->image_name;?>">Увеличить еще</a>
Дозволь мне свершить то добро, которое я способен свершить, теперь, ибо я могу более не вернуться сюда.

*

dmitry_stas

  • Профи
  • ********
  • 9653
  • 929
думаю это не там. если бы я это делал, то делал бы в jquery.lightbox.js (строка 188 ориентировочно), потому что Lightbox - это jQuery, а не php
Код: javascript
$('body').append('<div id="jquery-overlay"> ...
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций