Перейти к содержимому


Увеличить Размер Фото Товара При Отображении Таблицей

Автор yvn, 29 янв. 2014 21:15

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 121

#101 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 15 Октябрь 2015 - 15:04

ап
Прошло две недели!!!

#102 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Октябрь 2015 - 16:43

Просмотр сообщенияyvn (15 Октябрь 2015 - 15:04) писал:

ап
Прошло две недели!!!

Здравствуйте.
К сожалению, данные искажения изображений, появляющиеся в IE (и только на изображениях с клеткой), происходят из-за встроенного метода сжатия браузером. Методов, позволяющих исправить это к сожалению не существует.

#103 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 16 Октябрь 2015 - 20:23

Просмотр сообщенияFirefly (15 Октябрь 2015 - 16:43) писал:

Здравствуйте.
К сожалению, данные искажения изображений, появляющиеся в IE (и только на изображениях с клеткой), происходят из-за встроенного метода сжатия браузером. Методов, позволяющих исправить это к сожалению не существует.

1. На моем сайте в IE происходит искажение всех картинок , не только в клетку (пример рис. №1)
2. Я открываю в IE примеры сайтов с похожими картинками со storelanda и нигде нет искажений. И даже больше: вот пример той же картинки на созданном сайте в другом конструкторе и открытым именно в IE, искажений нет!!!! (рис №2)

Похоже IE что то не "нравится" именно в моём шаблоне!

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

  • рис 1.JPG
  • рис 2.png

#104 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Октябрь 2015 - 03:14

Попробуйте следующее,в  шаблоне Товар найдите:
 <td>
				 {% IFNOT goods_images_empty %}
				  {% FOR goods_images %}
						{% IF goods_images.first %}
												  <ul class="preview_images" data-role="preview-images">
						{% ENDIF %}  
								<li>
								  <a  rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a>
								</li>
						  
						{% IF goods_images.last %}
						  </ul>
						{% ENDIF %}				
				  {% ENDFOR %}
				{% ENDIF %}
		 </td>

замените на:
<td>
				 {% IFNOT goods_images_empty %}
				  {% FOR goods_images %}
						{% IF goods_images.first %}
												  <ul class="preview_images" data-role="preview-images">
						{% ENDIF %} 
								<li>
								  <a  rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="mini"/></a>
								</li>
						 
						{% IF goods_images.last %}
						  </ul>
						{% ENDIF %}			   
				  {% ENDFOR %}
				{% ENDIF %}
		 </td>

после изменения почистите кэш бразера

#105 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 17 Октябрь 2015 - 19:11

Просмотр сообщенияVaccina (17 Октябрь 2015 - 03:14) писал:

Попробуйте следующее,в  шаблоне Товар найдите:
<td>
				 {% IFNOT goods_images_empty %}
				 {% FOR goods_images %}
					 {% IF goods_images.first %}
												 <ul class="preview_images" data-role="preview-images">
					 {% ENDIF %}
							 <li>
								 <a rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a>
							 </li>
						
					 {% IF goods_images.last %}
						 </ul>
					 {% ENDIF %}			
				 {% ENDFOR %}
			 {% ENDIF %}
		 </td>



замените на:
<td>
				 {% IFNOT goods_images_empty %}
				 {% FOR goods_images %}
					 {% IF goods_images.first %}
												 <ul class="preview_images" data-role="preview-images">
					 {% ENDIF %}
							 <li>
								 <a rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="mini"/></a>
							 </li>
						
					 {% IF goods_images.last %}
						 </ul>
					 {% ENDIF %}			
				 {% ENDFOR %}
			 {% ENDIF %}
		 </td>

после изменения почистите кэш бразера

1. В карточке товара у миниатюр наконец то пропало искажение!!!
2. Но появился баг, а именно при наведении мышкой на одну из картинок миниатюр большое изображение превращается в мелкое. Пришлось вернуть настройки.
3. Во всех остальных местах на сайте картинки в IE все еще искажаются.

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

  • 1.PNG

#106 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 21 Октябрь 2015 - 19:23

АП. Опять две недели ответа ждать?

#107 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 19 Ноябрь 2015 - 13:59

Здравствуйте.
Как приподнять блок с текстом в подвале?

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

  • Снимок.JPG

#108 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Ноябрь 2015 - 05:10

Просмотр сообщенияyvn (17 Октябрь 2015 - 19:11) писал:

1. В карточке товара у миниатюр наконец то пропало искажение!!!
2. Но появился баг, а именно при наведении мышкой на одну из картинок миниатюр большое изображение превращается в мелкое. Пришлось вернуть настройки.
3. Во всех остальных местах на сайте картинки в IE все еще искажаются.

После изменения из поста #104 в main.js найдите:
// На странице товара при наведении на маленькое изображение - изменяем большое изображение
$("ul.preview_images li img").hover(function() {
	 var $src = $(this).attr('src');
	 $("figure img.main").attr('src', $src.replace('mini', 'main'));
});
$("ul.preview_images li a").hover(function() {
	 var $src = $(this).attr('src'); var $href = $(this).attr('href');
	 $("figure a.main").attr('href', $href.replace('mini', 'main'));
});

замените на:
// На странице товара при наведении на маленькое изображение - изменяем большое изображение
$("ul.preview_images li a").hover(function() {
	 var $src = $(this).attr('href');
	 $("figure img.main").attr('src', $src.replace('mini', 'main'));
});
$("ul.preview_images li a").hover(function() {
	 var $src = $(this).attr('src'); var $href = $(this).attr('href');
	 $("figure a.main").attr('href', $href.replace('mini', 'main'));
});


Просмотр сообщенияyvn (19 Ноябрь 2015 - 13:59) писал:

Здравствуйте.
Как приподнять блок с текстом в подвале?

В style.css найдите:
.footer {
	margin-bottom: 30px;
	display: block;
	position: relative;
}

замените на:
.footer {
	margin-bottom: 15px;
	display: block;
	position: relative;
}

#109 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 20 Ноябрь 2015 - 11:27

Спасибо, в карточке товара с миниатюрами теперь все отлично (№1), теперь пожалуйста помогите исправить картинки тут (2, 3) и в каталоге товара (4).

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

  • Снимок.JPG
  • Снимок2.JPG

#110 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Ноябрь 2015 - 04:00

В разделе Настройки - Основные - Изображения товаров - уменьшите значение строки "Максимальный размер по высоте/ширине в пикселях для маленьких изображений", например до 380

#111 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 17 Июнь 2016 - 12:59

Здравствуйте.
На страничке товара нужно уменьшить эти расстояния:

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

  • Снимок.JPG

#112 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 17 Июнь 2016 - 14:42

Просмотр сообщенияyvn (17 Июнь 2016 - 12:59) писал:

Здравствуйте.
На страничке товара нужно уменьшить эти расстояния:

В шаблоне Товар Вам нужно удалить код:
<div class="breadcrumb">
		<p>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.last %}
		  
		  {% ENDIF %}
		{% ENDFOR %}
	   </p>
	  </div>

Далее в style.css замените:
.car {
	margin: 10px auto;
	width: 100%;
	max-width: 360px;
	position: relative;
	overflow: visible;
}

на

.car {
	margin: 0px auto;
	width: 100%;
	max-width: 360px;
	position: relative;
	overflow: visible;
}

#113 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 18 Июнь 2016 - 12:54

Спасибо! и ещё тут увеличить расстояние

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

  • Снимок.JPG

#114 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 18 Июнь 2016 - 13:02

Просмотр сообщенияyvn (18 Июнь 2016 - 12:54) писал:

Спасибо! и ещё тут увеличить расстояние
Здравствуйте, найдите в файле style.css
.item aside {
	float: right;
	width: 31.288344%;
	margin-left: 3.0674847%;
  }

замените на
.item aside {
	float: right;
	width: 31.288344%;
	margin-left: 3.0674847%;
	margin-top: 28px;
}

где, что бы откорректировать отступ изменяете значение 28

#115 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 14 Июнь 2017 - 12:42

Здравствуйте. выделенные на рисунке элементы не маштабируются. Попогите исправить.

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

  • Снимок.PNG

#116 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 14 Июнь 2017 - 14:01

Просмотр сообщенияyvn (14 Июнь 2017 - 12:42) писал:

Здравствуйте. выделенные на рисунке элементы не маштабируются. Попогите исправить.
Здравствуйте.
В style.css заменил
@media only screen and (max-width: 480px) {
на
@media only screen and (max-width: 480px) {
.available-true {transform: scale(.6);font-size: 20px;}
.preview_images img {	max-height: 65px;}

Попробуйте очистить кэш браузера и обновить страницу.

#117 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 16 Июнь 2017 - 20:08

Спасибо!
Теперь при разрешении 480рх нужно увеличить минимальный размер ТОЛЬКО большого изображения!

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

  • 222.png

#118 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 17 Июнь 2017 - 14:57

Просмотр сообщенияyvn (16 Июнь 2017 - 20:08) писал:

Спасибо!
Теперь при разрешении 480рх нужно увеличить минимальный размер ТОЛЬКО большого изображения!
в style.css
после
@media only screen and (max-width: 480px) {
добавьте
.main-image tr td:nth-child(2) a img {	transform: scale(1.6);}

#119 yvn

yvn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 30 Июнь 2017 - 12:47

Здравствуйте.
Помогите сделать меню с размерами не выпадающее, а вряд
и когда определенный размер заканчивается, то квадратик становился перечеркнутым либо затемненным

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

  • Снимок111.PNG

#120 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Июль 2017 - 07:57

Здравствуйте.

Выполните инструкцию по изменению выбора модификаций с выпадающего списка на радио кнопки:
http://forum.storela...post__p__214519
Обратно в Шаблон Вечность


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Вечность
  5. Privacy Policy