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


Искажаются Пропорции Больших Изображений


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

#1 customer8765

customer8765

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

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

Отправлено 11 Июль 2016 - 01:24

ST-388618

Искажаются пропорции больших изображений при просмотре на странице товара.
Изображения ужимаются по длине, справа остается пустое белое поле.

#2 MikDark

MikDark

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

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

Отправлено 11 Июль 2016 - 09:27

Просмотр сообщенияcustomer8765 (11 Июль 2016 - 01:24) писал:

ST-388618

Искажаются пропорции больших изображений при просмотре на странице товара.
Изображения ужимаются по длине, справа остается пустое белое поле.


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

#3 customer8765

customer8765

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

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

Отправлено 11 Июль 2016 - 10:06

Просмотр сообщенияMikDark (11 Июль 2016 - 09:27) писал:

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

Спасибо. К сожалению, не помогло.

#4 MikDark

MikDark

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

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

Отправлено 11 Июль 2016 - 10:11

Просмотр сообщенияcustomer8765 (11 Июль 2016 - 10:06) писал:

Спасибо. К сожалению, не помогло.

Попробуйте обновить кэш браузера, сейчас по указанной ссылке большое изображение без пустых полей по бокам.

#5 customer8765

customer8765

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

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

Отправлено 11 Июль 2016 - 10:43

Просмотр сообщенияMikDark (11 Июль 2016 - 10:11) писал:

Попробуйте обновить кэш браузера, сейчас по указанной ссылке большое изображение без пустых полей по бокам.

В Opera работает, в остальных браузерах все как было.
Согласно вашим же пояснениям (квадратик со знаком вопроса слева от пункта "Максимальный размер по высоте/ширине в пикселях для средних изображений" в разделе "Настройки-Основные", изображение не должно искажаться ни при каких максимальных размерах, оно просто должно уменьшаться или увеличиваться. Цитирую:

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


#6 MikDark

MikDark

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

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

Отправлено 11 Июль 2016 - 10:52

Просмотр сообщенияcustomer8765 (11 Июль 2016 - 10:43) писал:

В Opera работает, в остальных браузерах все как было.
Согласно вашим же пояснениям (квадратик со знаком вопроса слева от пункта "Максимальный размер по высоте/ширине в пикселях для средних изображений" в разделе "Настройки-Основные", изображение не должно искажаться ни при каких максимальных размерах, оно просто должно уменьшаться или увеличиваться. Цитирую:

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

Пришлите, пожалуйста, скриншот с отображение в гугл хром

#7 customer8765

customer8765

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

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

Отправлено 11 Июль 2016 - 10:57

Просмотр сообщенияMikDark (11 Июль 2016 - 10:52) писал:

Пришлите, пожалуйста, скриншот с отображение в гугл хром

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

  • s2.jpg


#8 MikDark

MikDark

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

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

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

Просмотр сообщенияcustomer8765 (11 Июль 2016 - 10:57) писал:


В main.css удалите код:
.fancybox-inner {
	max-width: 720px !important;
}


#9 customer8765

customer8765

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

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

Отправлено 11 Июль 2016 - 11:24

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

В main.css удалите код:
.fancybox-inner {
max-width: 720px !important;
}

Этот код был вставлен по вашим рекомендациям для изменения ширины окна быстрого заказа.
А как тогда изменить ширину окна быстрого заказа?

#10 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

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

Просмотр сообщенияcustomer8765 (11 Июль 2016 - 11:24) писал:

Этот код был вставлен по вашим рекомендациям для изменения ширины окна быстрого заказа.
А как тогда изменить ширину окна быстрого заказа?
В файле main.js найдите блок
// Быстрый заказ
function quickOrder(formSelector) {
  // Находим форму, которую отправляем на сервер, для добавления товара в корзину
  var formBlock = $($(formSelector).get(0));
  // Проверка на существование формы отправки запроса на добавление товара в корзину
  if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
	alert('Не удалось найти форму добавления товара в корзину');
	return false;
  }
  // Получаем данные формы, которые будем отправлять на сервер
  var formData = formBlock.serializeArray();
  // Сообщаем серверу, что мы пришли через ajax запрос
  formData.push({name: 'ajax_q', value: 1});
  // Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
  formData.push({name: 'fast_order', value: 1});
  // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
  $.ajax({
	type	: "POST",
  cache   : false,
  url	: formBlock.attr('action'),
  data  : formData,
  success: function(data) {
   $.fancybox({
		content : data,
		// При изменении размера окна изменяем размер окна оформления заказа
		onUpdate  : function(){
		  var w = $(window).width()*0.8;
		  if(w < 800) {
			// Автоматический ресайз внутреннего блока fancybox-а
			$('.fancybox-inner').css('width', 'auto');
			// Изменяем размер fancybox окна
			$('.fancybox-wrap').css({'width': w + 'px'});
		  } 
		  return false;
		}
   });
	  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}
и замените его на
// Быстрый заказ
function quickOrder(formSelector) {
  // Находим форму, которую отправляем на сервер, для добавления товара в корзину
  var formBlock = $($(formSelector).get(0));
  // Проверка на существование формы отправки запроса на добавление товара в корзину
  if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
	alert('Не удалось найти форму добавления товара в корзину');
	return false;
  }
  // Получаем данные формы, которые будем отправлять на сервер
  var formData = formBlock.serializeArray();
  // Сообщаем серверу, что мы пришли через ajax запрос
  formData.push({name: 'ajax_q', value: 1});
  // Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
  formData.push({name: 'fast_order', value: 1});
  // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
  $.ajax({
	type	: "POST",
  cache   : false,
  url	: formBlock.attr('action'),
  data  : formData,
  success: function(data) {
   $.fancybox({
		content : data,
		// При изменении размера окна изменяем размер окна оформления заказа
		onUpdate  : function(){
		  var w = $(window).width()*0.8;
		  $('.fancybox-wrap').css('width', '750px');
		  $('.fancybox-inner').css('width', '700px');
		  if(w < 800) {
			// Автоматический ресайз внутреннего блока fancybox-а
			$('.fancybox-inner').css('width', 'auto');
			// Изменяем размер fancybox окна
			$('.fancybox-wrap').css({'width': w + 'px'});
		  } 
		  return false;
		}
   });
	  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}





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

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