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

[Vaccina]

По инструкциям выше вы уменьшили фото, чтобы увеличить, в main.css найдите:

.goodsDataMainModificationsDescriptionBlock img {
width: 50px;
height: auto;
}

увеличьте значение стиля width

[Новичок Ю]

Спасибо! Все получилось. Эта инструкция только через несколько дней после установки заработала - неожиданно)) теперь надо как-то увеличить фото по клику. В теме "Сияние" Вы мне посоветовали эту инструкцию
<p><a href="http://files.storela...9196/OGRN.jpeg" rel="gallery" target="_blank">
<img alt="" src="http://files.storela.../441511/1.jpeg" /> </a></p>
в main.CSS вставила


$(function() {
  $('a[rel="gallery"]').click(function() {
        $(this).nyroModalManual();
return(false);
  });
});
<p></p> убрала, т.к. нужно расположить фото в строку, ссылки делала на одно и тоже (увеличенное) фото.
Картинки увеличиваются, но на новой странице, а при переходе назад возврат происходит на модификацию, которая стоит "по умолчанию" (самая маленькая). Как сделать, чтобы увеличивалось прямо в карточке товара?

[Vaccina]

опишите пожалуйста подробней, на данный момент при клике на фото, увеличение происходит в том же окне(всплывающим окном), выбор модификаций не зависит на работу увеличения изображения

[Новичок Ю]

Vaccina (20 Август 2014 - 07:06) писал:

опишите пожалуйста подробней, на данный момент при клике на фото, увеличение происходит в том же окне(всплывающим окном), выбор модификаций не зависит на работу увеличения изображения

У меня при клике открывается пустая страница с фото с названием файла в заголовке (в скрине), при возврате назад переходит не туда, откуда пришли, а на модификацию, просмотренную на шаг раньше. А надо, как Вы описываете.

[Новичок Ю]

На всякий случай, артикул товара 01CH1-65bsd01.
Второй вопрос - и на мелких, и на увеличенных картинках в модификациях отсутствуют ватермарки. Это надо тоже поправить, т.к. авторство.

[Castiel]

Новичок Ю (20 Август 2014 - 10:14) писал:

У меня при клике открывается пустая страница с фото с названием файла в заголовке (в скрине), при возврате назад переходит не туда, откуда пришли, а на модификацию, просмотренную на шаг раньше. А надо, как Вы описываете.
Screenshot_4.jpg

Здравствуйте, используйте такой код для вывода картинок в описании модификации

<div class="fullimg ">
<a href="#ссылка_на_картинку" target="_blank" title=""><img src="#ссылка_на_картинку" alt=""></a>
</div>

вместо # используйте прямую ссылку на картинку

Новичок Ю (20 Август 2014 - 10:23) писал:

На всякий случай, артикул товара 01CH1-65bsd01.
Второй вопрос - и на мелких, и на увеличенных картинках в модификациях отсутствуют ватермарки. Это надо тоже поправить, т.к. авторство.

К сожалению для данных картинок нельзя установить ватермарку автоматически, по этому необходимо загружать картинки с уже установленным водным знаком

[Новичок Ю]

К сожалению, все как было - картинки увеличиваются в новой вкладке. Может я что-то не так делаю? Посмотрите у меня в коде модификаций:
вариант1 - с галереей и второй - с fulling. Результат одинаковый(


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

[Сake]

Используйте только один вариант реализации. Для увеличения изображения добавьте следующий код в ваш файл main.js

$(function() {
  $('.ModificationsList .description, .goodsDataMainModificationsDescriptionBlock').each(function(index) {
	$(this).find('.mods-zoom, .fullimg a').attr('rel', 'gallery-' + (index + 1));
  });
  $('[rel^="gallery-"]').fancybox();
});

код

$(function() {
  $('a[rel="gallery"]').click(function() {
		$(this).nyroModalManual();
return(false);
  });
});

вам не подойдет, так как у вас нет библиотеки nyroModalManual а вместо неё используется fancybox

[Новичок Ю]

Здравствуйте! Заменила код в main.js. Сейчас не открывается много вкладок - только две. Но увеличение все равно на новой странице. При возврате переход на модификацию с самым маленьким размером (вижу по фото), при этом в списке стоит размер, с которого делался клик. Посмотрите мой код - может там что-то не так (у меня 3 фото по горизонтали будут).
<a href="http://st.storeland....H1-60bsd01.jpg" rel="gallery" target="_blank">
<img alt="Тумба под раковину 65 см" src="http://st.storeland....H1-60bsd01.jpg" /> </a>

<a href="http://st.storeland....CH1-60d-01.jpg" rel="gallery" target="_blank">
<img alt="Общий вид" src="http://st.storeland....CH1-60d-01.jpg" /> </a>

<a href="http://st.storeland....elsi-85-02.jpg" rel="gallery" target="_blank">
<img alt="Чертеж" src="http://st.storeland....elsi-85-02.jpg" /> </a>

[Сake]

Вы изменили синтаксис изображений - убрав класс у ссылки. Вам необходимо придерживаться только одного стиля. На данный момент у вас используется следующий синтаксис

<a href="" rel="gallery" target="_blank">
  <img alt="Тумба под раковину 65 см" src="" /> 
</a>

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

$(function() {
  $('.ModificationsList .description, .goodsDataMainModificationsDescriptionBlock').each(function(index) {
		$(this).find('a[rel="gallery"]').attr('rel', 'gallery-' + (index + 1));
  });
  $('[rel^="gallery-"]').fancybox();
});

[Новичок Ю]

Спасибо! Все получилось! Скажите, как подвинуть вниз картинки с модификациями до уровня основного фото и  окно с выбором модификаций чуть ниже (прилипло сверху к надписи).

[AnnaM]

Новичок Ю (22 Август 2014 - 11:50) писал:

Спасибо! Все получилось! Скажите, как подвинуть вниз картинки с модификациями до уровня основного фото и  окно с выбором модификаций чуть ниже (прилипло сверху к надписи).
Screenshot_8.jpg

Чтобы выровнять окно выбора модификаций,вставьте в конец файла main.css следующий код

.select {
margin: 5px 0;
}

[Новичок Ю]

Спасибо!

[Lion]

Koderhan (27 Апрель 2013 - 17:09) писал:

К сожалению такое нельзя сделать.
А вот фото которое загрузилось в описание свойство можно уменьшить в размерах.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.goodsDataMainModificationsDescriptionBlock img {
width: 50px;/*ширина*/
height: auto;/*высота*/
}

Добрый день, требуется уменьшить размер всех изображений модификаций товара в шаблоне ОСЕНЬ.  Рецепт для Сияния не подходит. И можно ли сделать что бы уменьшаемые изображения не искажались?

[Firefly]

Lion (12 Август 2015 - 10:12) писал:

Добрый день, требуется уменьшить размер всех изображений модификаций товара в шаблоне ОСЕНЬ.  Рецепт для Сияния не подходит. И можно ли сделать что бы уменьшаемые изображения не искажались?

Здравствуйте.
Укажите, пожалуйста, ссылку на товар у которого присутствуют модификации с изображениями.

[Lion]

http://pigeon-baby.r..._edge_duo_combi

[Firefly]

Lion (12 Август 2015 - 12:12) писал:

http://pigeon-baby.r..._edge_duo_combi

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:

#left-column #thumbs_list li img{height:54px;margin:0;border:none}

В данном коде за размер отвечает параметр height (высота), ширина изображения будет меняться пропорционально.

Если же Вы хотите изменить размер самого блока, чтобы блок отображался, как на скриншоте в приложении, то для этого в style.css найдите код:

#left-column #thumbs_list{width:325px;margin:0;float: left;overflow: hidden;}

Замените на:

#left-column #thumbs_list{width: 210px;margin:0;float: left;overflow: hidden;}

Прикрепленные изображения

• 

[Lion]

попробовал оба способа, но ничего не изменилось (кеш чистил).
Сейчас вернул все как было.  Как все же сделать?
Вот это товар  http://pigeon-baby.r...a_super_nitro-2
имеет изображение модификации как на скриншоте (нужны выбрать цвет All Black)
http://prntscr.com/83pv88

[Firefly]

Lion (12 Август 2015 - 13:17) писал:

попробовал оба способа, но ничего не изменилось (кеш чистил).
Сейчас вернул все как было.  Как все же сделать?
Вот это товар  http://pigeon-baby.r...a_super_nitro-2
имеет изображение модификации как на скриншоте (нужны выбрать цвет All Black)
http://prntscr.com/83pv88

Прошу прощения, видимо не совсем правильно Вас понял.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, добавьте в конце код:

.goodsDataMainModificationsDescriptionBlock img{
  max-width: 200px;
}

При необходимости измените значение 200px.

[Lion]

сделал как вы написали, изменений не произошло.  Сейчас изменил значение 200px  до 50px. но никаких изменений
http://pigeon-baby.r...a_super_nitro-2
http://prntscr.com/83rcsr