Сообщений в теме: 10

[m-ya-v]

Добрый день, подскажите, пожалуйста, как сделать так,чтобы при нажатии на маленькую картинку, она выплывала и увеличивалась? Спасибо!

[kovalevap]

<a class="nyroModal" href="ссылка на изображение (можно увеличенное)" rel="что-нибудь"><img src="ссылка на изображение" /></a>

[m-ya-v]

а куда это вставлять?

Подскажите, пожалуйста, где найти  <a class="nyroModal" href=".....????

[Koderhan]

Этот html код вы можете вставить в описание товара например. Через кнопку "Источник" вам предоставится возможность редактирования html кода страницы.
Туда можно добавить код предложенный выше. С указанными ссылками на изображения. Изображения можно загрузить в разделе Сайт -> Файлы.

[m-ya-v]

Извините, может я такая глупая...но я не понимаю, это надо открыть шаблоны-товары-найти:

<!-- Блок описания товара. Показываем его есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
    <h3>Описание {GOODS_NAME}</h3>
    <div class="htmlDataBlock" itemprop="description">
  {GOODS_DESCRIPTION_LARGE}
    </div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его есть описание товара -->

  Вот сюда куда-то вставить?? .....

[miyako]

m-ya-v (22 Октябрь 2013 - 09:35) писал:

Извините, может я такая глупая...но я не понимаю, это надо открыть шаблоны-товары-найти:

<!-- Блок описания товара. Показываем его есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
<h3>Описание {GOODS_NAME}</h3>
<div class="htmlDataBlock" itemprop="description">
  {GOODS_DESCRIPTION_LARGE}
</div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его есть описание товара -->

  Вот сюда куда-то вставить?? .....

Откройте страницу на редактирование (Сайт - Страницы) и через кнопку Источник добавьте код -

<a class="nyroModal" href="ссылка на изображение (можно увеличенное)" rel="image"><img src="ссылка на изображение" /></a>

[m-ya-v]

я открываю сайт-страницы....там нет кнопки Источник...((((

[miyako]

m-ya-v (22 Октябрь 2013 - 10:20) писал:

я открываю сайт-страницы....там нет кнопки Источник...((((

в разделе Сайт - Страницы создайте страницу сначала, затем уже в Полном описании Вы найдете кнопку Источник.

Давайте уточним, Вы хотите всплывающее изображение на определенной странице?

[m-ya-v]

да, помогите, пожалуйста. Вот смотрите, наш сайт: green-profie.ru , мы хотим сделать в главных вкладках вверху, вместо вкладки МЕСТА ПРОДАЖ вкладку ПОРТФОЛИО...в эту страницу вставить фотографии, но в маленьком виде, чтобы побольше уместилось, а посетители при попадании на страницу, могли бы на фото нажать и оно выплывало и увеличивалось.    Или может можно как-то сделать галерею фотографии....

спасибо...

[miyako]

m-ya-v (22 Октябрь 2013 - 10:27) писал:

да, помогите, пожалуйста. Вот смотрите, наш сайт: green-profie.ru , мы хотим сделать в главных вкладках вверху, вместо вкладки МЕСТА ПРОДАЖ вкладку ПОРТФОЛИО...в эту страницу вставить фотографии, но в маленьком виде, чтобы побольше уместилось, а посетители при попадании на страницу, могли бы на фото нажать и оно выплывало и увеличивалось. Или может можно как-то сделать галерею фотографии....

спасибо...

Воспользуйтесь кодом из ветки - http://forum.storela...-па/#entry79639

Изображения загрузите в раздел Сайт - Файлы и скопируйте ссылки на изображения (иконка бесконечности).
Ссылки на изображения нужно вставить в код из инструкции.
Сам код добавить в созданную страницу Портфолио через кнопку Источник.
Страницу подключить в разделе Сайт - Меню

[m-ya-v]

Попробовала сделать вот это:

Вы можете просто добавить в main.js
$(function() {
        $('a img').each(function() {
         $(this).parent('a').click(function() {
          $(this).nyroModalManual();
          return(false);
  });
});
});

и далее вставлять изображение так
<a href="адрес большого изображения"><img alt="Описание изображения" src="адрес маленького изображения" /></a>

НО...вставила после вот этого:
// Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){
    
    // Идентификатор главной картинки
    var goodsImageId = $('.goodsDataMainImage input').attr("rel"),
    
    // Маленькое изображение, по которому на самом деле будем кликать
    goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

    // Для иконки изображения запустим галерею  
    goodsImageIconElement.nyroModalManual();
    return false;
  });

ЭТО ПРАВИЛЬНО я нашла?? или нет?.....

УРА! УРА! УРА! спасибо!! все получилось!!!