Как В Модификацию Товара Добавить Фото

Отправлено 20 Август 2014 - 01:53

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

• Наверх

Отправлено 20 Август 2014 - 05:51

• Наверх

Отправлено 20 Август 2014 - 07:06

• Наверх

Отправлено 20 Август 2014 - 10:14

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

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

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

• Наверх

Отправлено 20 Август 2014 - 10:23

• Наверх

Отправлено 20 Август 2014 - 10:52

Новичок Ю (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.
Второй вопрос - и на мелких, и на увеличенных картинках в модификациях отсутствуют ватермарки. Это надо тоже поправить, т.к. авторство.

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

• Наверх

Отправлено 20 Август 2014 - 13:36

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


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

• Наверх

Отправлено 21 Август 2014 - 00:29

$(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);
  });
});

• Наверх

Отправлено 21 Август 2014 - 11:18

• Наверх

Отправлено 22 Август 2014 - 00:45

<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();
});

• Наверх

Отправлено 22 Август 2014 - 11:50

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

• Наверх

Отправлено 22 Август 2014 - 12:06

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

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

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

.select {
margin: 5px 0;
}

• Наверх

Отправлено 22 Август 2014 - 12:56

• Наверх

Отправлено 12 Август 2015 - 10:12

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

• Наверх

Отправлено 12 Август 2015 - 10:40

• Наверх

Отправлено 12 Август 2015 - 12:12

• Наверх

Отправлено 12 Август 2015 - 12:28

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

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

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

• Наверх

Отправлено 12 Август 2015 - 13:17

• Наверх

Отправлено 12 Август 2015 - 14:28

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

• Наверх

Отправлено 12 Август 2015 - 15:52

• Наверх