Jump to content
Sign in to follow this  
AE1

Слайд шоу в полный размер по любой фотографии [РЕШЕНО]

Recommended Posts

Приветствую всех откликнувшихся!

Возник вопрос, есть ли простое решение, чтобы любой посетитель мог кликнуть на любую фотографию на сайте и тут же увидеть ее в полный размер как бы поверх основного окна? Типа всплывающего слайдшоу? Я так понимаю надо какой-то скрипт поставить... что посоветуете? Чтобы было просто без всяких танцев с бубном, просто в админке любую фотограыию добавляешь, а во фронте она сразу при кликании увеличивается.... Заранее спасибо!

Share this post


Link to post
Share on other sites

без бубна никак.

вам придется все файлы шаблона изменять.

Share this post


Link to post
Share on other sites

Что прям любую-любую?

<a href="Всплывающая_картинка.jpg" class="colorbox"><img src="Эскиз.jpg" alt="Эта картинка увеличивается при нажатии." /></a>

Share this post


Link to post
Share on other sites

без бубна никак.

вам придется все файлы шаблона изменять.

или

$('a:has(img)').each(function(i){
   $(this).attr('href', $('img', $(this)).attr('src')).addClass('colorbox');
   if (i == $('a:has(img)').length-1) $('.colorbox').colorbox();
});

:-D

Share this post


Link to post
Share on other sites

уверен, что не прокатит такой финт.

есть

<a href="url_to_page"><image></a>

маленькие изображения (как в категориях) и куча других нюансов...

Share this post


Link to post
Share on other sites

Ну, человек не уточнил какие изображения и где увеличить. Так что формально на его вопрос есть ответ)

Share this post


Link to post
Share on other sites

Уточняю :) шаблон переделан из интернет магазина в обычный сайт, интересует возможность сделать так в разделах, статьях и подразделах.

Share this post


Link to post
Share on other sites

"разделах" ? :huh:

придерживайтесь терминологии используемого движка.

Share this post


Link to post
Share on other sites

Вообще не понимаю, для чего использовать этот движок для статейного сайта ? Есть куча других имеющих непосредственное предназначение для таких целей

Share this post


Link to post
Share on other sites

Вообще не понимаю, для чего использовать этот движок для статейного сайта ? Есть куча других имеющих непосредственное предназначение для таких целей

Так получилось, что пока занимался онлайн коммерцией несколько освоил OC, научился ее настраивать и кастомизировать на таком уровне как мне нужно. Быть может есть что-то лучшее, даже более чем уверен, что есть более удобное, но я не явлюсь спецом в программировании и как бы что освоил тому и рад :)

К стати, раз уж такое дело, быть может посоветуете так теоретический какой-то лучший вариант для статейного сайта. Что-то с нормальным функционалом и дружественным интерфейсом (незабубеное).

Share this post


Link to post
Share on other sites

AE1, лучше WordPress Вы вряд ли найдёте (для статей). Один раз настроите "под свои нужды" и потом не захотите менять на что то другое...

Он для статей изначально и разрабатывался, о чём и говорит его название )))

  • +1 1

Share this post


Link to post
Share on other sites

AE1, лучше WordPress Вы вряд ли найдёте (для статей). Один раз настроите "под свои нужды" и потом не захотите менять на что то другое...

Он для статей изначально и разрабатывался, о чём и говорит его название )))

Спасибо, я вот тоже к нему присматривался, а если сравнивать его с OpenCart по настройке той-же разобраться не сложней?

Share this post


Link to post
Share on other sites

А если уточнить, нужно чтобы в категориях, не заходя в карточку товара, при клике на фото товара оно увеличивалось (как lightbox). Такое возможно сделать?

Share this post


Link to post
Share on other sites

...в категориях, не заходя в карточку товара, при клике на фото товара оно увеличивалось...

А как тогда саму карточку товара открывать, Вы об этом подумали??? Целиться на название? ))

Share this post


Link to post
Share on other sites

В каком-то из шаблонов видела в категориях под карточкой товара две кнопки: "купить" и "детали" (которая собственно карточку и открывает), тогда картинка становится свободной для увеличения. Жаль, я думала может модуль такой есть, полезная штука - быстро увеличить то, что заинтересовало и не тратить время на хождение по страницам. Ну, нет так нет, просто магазин хочется сделать максимально удобным для покупателей.

Share this post


Link to post
Share on other sites

В каком-то из шаблонов видела в категориях под карточкой товара две кнопки: "купить" и "детали" (которая собственно карточку и открывает), тогда картинка становится свободной для увеличения. Жаль, я думала может модуль такой есть, полезная штука - быстро увеличить то, что заинтересовало и не тратить время на хождение по страницам. Ну, нет так нет, просто магазин хочется сделать максимально удобным для покупателей.

Достаточно сделать увеличение картинки при наведении на нее курсора. Не надо никаких щелчков (кликов).

А у топикстартера, похоже, есть некоторая путаница в понятиях. В названии темы про слайдшоу говорится, но надо, оказывается, совсем другое. Либо я что-то не уловил.

  • +1 1

Share this post


Link to post
Share on other sites

Достаточно сделать увеличение картинки при наведении на нее курсора. Не надо никаких щелчков (кликов).

А можно поподробнее? Это только в stylesheet.css hover для картинки товара подкоректировать (и как привильно сформулировать код)?

Share this post


Link to post
Share on other sites

Да всё это есть)))

Вот например

Or this

Спасибо за ссылочки, но не совсем то - при клике выводится вся карточка товара в миниатюре, а нужно просто увеличение фото товара

Share this post


Link to post
Share on other sites

Подскажите, что нужно написать в hover чтобы картинка при наведении увеличилась до размера, например, 200х200рх

Share this post


Link to post
Share on other sites

Интересно, а можно ли сделать в lightbox, чтобы при клике на фото товара оно увеличивалось и была доп кнопочка Zoom, при нажатию на которую изображение еще больше увеличивалось?

Share this post


Link to post
Share on other sites

В общем, добавила я в hover вот это:

border: 4px solid #E31E24;

height: 200px;

width: 200px;

получила, что хотела, НО возник следующий ряд вопросов

1. как сделать, чтобы увеличенная картинка была поверх остальных товаров и отображалась не вправо а по центру карточки товара?

2. как сделать, чтобы при увеличении картинки оставались на месте название, цена, кнопка "купить"?

3. сейчас увеличивает маленькую картинку и ее качество отвратительное, как сделать, чтобы для увеличенной картинки бралась картинка с лучшим разрешением?

post-20247-0-79780200-1359711128_thumb.png

post-20247-0-72404000-1359711138_thumb.png

Share this post


Link to post
Share on other sites
Достаточно сделать увеличение картинки при наведении на нее курсора. Не надо никаких щелчков (кликов).

А у топикстартера, похоже, есть некоторая путаница в понятиях. В названии темы про слайдшоу говорится, но надо, оказывается, совсем другое. Либо я что-то не уловил.

Как сделать такое, например на странице со статьей?

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Similar Content

    • By Alor
      v1.5.4.1
      На стр. Покупка подарочного сертификата Покупатель все поля заполняет, жмет продолжить и попадает в корзину покупок.
      У него в корзине только 1 сертификат, дальше он оформить не может, так как выходить ошибка: Внимание: Минимальное количество для заказа 1! при этом кол-во стоит 1.
      Однако, если при этом положить в корзину любой товар, то заказ далее оформляется без проблем.

      Данная проблема была на v1.5.3.1, способ лечения был следующим:
      Yesvik сказал(а) 14 Янв 2012 - 12:12 AM:
      Для тех кто не пониает что написано в приведённой ссылке:
      в четвертой строке файла catalog/controller/checkout/checkout.php надо удалить восклицательный знак отмеченный красным
      if ((!$this->cart->hasProducts() && !empty($this->session->data['vouchers'])) || (!$this->cart->hasStock() && !$this->config->get('config_stock_checkout'))) {
       
      Однако в v1.5.4.1 в файле catalog/controller/checkout/checkout.php восклицательного знака отмеченного красным уже нет.
      А подарочный сертификат оформить нельзя. Подскажите где нужно "подкрутить" чтобы вылечить данный баг.
    • By AE1
      Всех приветствую!
      Подскажите, пожалуйста, кто сталкивался, как в стандартном слайдере увеличить время показа слайдов?
      Быть может посоветуете сменить на какой-то не стоковый вариант? В идеале если бы можно было делать на нем ссылку отдельно, т.е. чтобы было можно кликать на конкретное место, а не просто по всему баннеру. И было бы супер если бы можно было на каждый слайд по несколько ссылок добавлять.
      Но это все не главное, а главное все же сделать его чуть более медленным, а то он прямо рябит.
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.