Перейти к содержанию
AE1

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

Рекомендуемые сообщения

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

или

$('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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

есть

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Вот например

Or this

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В общем, добавила я в 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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Достаточно сделать увеличение картинки при наведении на нее курсора. Не надо никаких щелчков (кликов).

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Похожий контент

    • От 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 восклицательного знака отмеченного красным уже нет.
      А подарочный сертификат оформить нельзя. Подскажите где нужно "подкрутить" чтобы вылечить данный баг.
    • От AE1
      Всех приветствую!
      Подскажите, пожалуйста, кто сталкивался, как в стандартном слайдере увеличить время показа слайдов?
      Быть может посоветуете сменить на какой-то не стоковый вариант? В идеале если бы можно было делать на нем ссылку отдельно, т.е. чтобы было можно кликать на конкретное место, а не просто по всему баннеру. И было бы супер если бы можно было на каждый слайд по несколько ссылок добавлять.
      Но это все не главное, а главное все же сделать его чуть более медленным, а то он прямо рябит.
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.