Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

3

Быстрый Просмотр

Автор vadim777, 01 мая 2014 22:47

Авторизуйтесь для ответа в теме

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

#61 Coffee

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

Пользователи
178 сообщений

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

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

Наверх

#62 Сake

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

Модератоpы
5 979 сообщений

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

sotil (20 Август 2014 - 09:15) писал:

Модальное окно меня устраивает, необходимо ,
1 чтобы заработала кнопка "в корзину", заработала как подобает (не перекидывала в корзину),
Выполнено
2 чтобы заработали стрелки счётчка
Не выполнено
3 Добавить кнопку "перейти на основную страницу товара"
Кнопка не добавлена
4 Чтобы изображения в модальном окне открывались так же как на основной странице (сейчас они открываются в новой вкладке)
Выполнено
5 Кнопка "оставить отзыв" не работает
выполнено
6 Кнопка "добавить к сравнению " не работает
Кнопка не работает
7 "Быстрый заказ " вызывает форму заполнения на задний план модального окна
Выполнено
8 В СПИСКАХ При наведении на товарную позицию, хотелось бы чтобы предлагались другие картинки для просмотра
не выполнено
9 Убрать увеличение при наведении в СПИСКАХ
не выполнено

Замените содержимое вашего файла main.js на следующий код

Скрытый текст

// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.
function sendError(desc, page, line) {
var img = document.createElement('img');
img.src = 'http://storeland.ru/error/js?desc=' + encodeURIComponent(desc) + '&page=' + encodeURIComponent(window.location) + '&line=0';
img.style.position = 'absolute';
img.style.top = '-9999px';
try {
	 document.getElementsByTagName('head') .appendChild(img)
} catch (e) {
}
return false;
}
// Кнопка добавления товара на сравнение сравнения товаров
function addGoodsCompareEvent()
{
$('.goodsDataCompareButton') .click(function () {
window.location.href = $(this) .attr('rel') + ($(this) .attr('rel') .indexOf('?') > - 1 ? '&' : '?') +
'id=' +
$('.goodsDataMainModificationId') .val() +
'&from=' +
$('input[name="form[goods_from]"]') .val();
return false;
});
}
function addQuantityWantedFeaturesEvent()
{
$('.goodsDataFeatures p span') .map(function () {
	 if ($(this) .text() .indexOf('min.') !== - 1) {
		 var min = parseInt($(this) .closest('td') .next() .text());
		 if (!min) {
			 min = 1;
		 }
		 $(this) .closest('.goodsDataFeatures') .parent() .find('[name="form[goods_mod_quantity]"]') .data('min', min) .keyup(function (event, down) {
			 var min = parseInt($(this) .data('min'));
			 var current = Math.ceil(parseInt($(this) .val()) / min) * min;
			 var value = down ? (current - min) : current + min;
			 $(this) .val(value < min ? min : value);
			 return (false);
		 }) .val(min);
	 }
});
$('.up_button, .down_button') .click(function () {
	 $(this) .closest('.numeric_input') .find('[name="form[goods_mod_quantity]"]') .trigger('keyup', $(this) .hasClass('down_button'));
	 return (false);
});
}
function addButtonCountGoods()
{
var down_and_up_interval;
$('.down_button, .up_button') .mousedown(function () {
	 down_and_up_interval = setInterval($.proxy(function () {
		 $(this) .trigger('click');
	 }, this), 100);
}) .mouseup(function () {
	 clearInterval(down_and_up_interval);
});
}
// Добавление отзыва о товаре
function addGoodsOpinionEvent()
{
// Список отзывов о товаре. Ссылка на отображение формы для добавление отзыва о товаре
$('.goodsDataOpinionShowAddForm') .click(function () {
	 if (0 == $('#goodsDataOpinionAddBlock:visible') .length) {
		 $('#goodsDataOpinionAddBlock') .show('blind');
	 } else {
		 $('#goodsDataOpinionAddBlock') .hide('blind');
		 return false;
	 }
});
// Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
$('.goodsDataOpinionAddForm input:reset') .click(function () {
	 $('#goodsDataOpinionAddBlock') .hide('blind');
});
// Иконка для обновления изображение капчи
$('.goodsDataOpinionCaptchaRefresh') .click(function () {
	 RefreshImageAction(this, 1, 1);
	 $('.goodsDataOpinionCaptchaImg') .attr('src', $('.goodsDataOpinionCaptchaImg') .attr('src') + '&rand' + Math.random(0, 10000));
	 return false;
});
}
// Изменение цены товара при изменении у товара свойства для модификации
function addEventGoodsProperties(goodsDataProperties, goodsDataModifications)
{
goodsDataProperties.each(function (y) {
	 $(this) .change(function () {
		 var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),
		 modificationBlock = goodsDataModifications.filter('[rel="' + slug + '"]'),
		 modificationId = parseInt(modificationBlock.find('[name="id"]') .val()),
		 modificationArtNumber = modificationBlock.find('[name="art_number"]') .val(),
		 modificationPriceNow = parseFloat(modificationBlock.find('[name="price_now"]') .val()),
		 modificationPriceNowFormated = modificationBlock.find('.price_now_formated') .html(),
		 modificationPriceOld = parseFloat(modificationBlock.find('[name="price_old"]') .val()),
		 modificationPriceOldFormated = modificationBlock.find('.price_old_formated') .html(),
		 modificationRestValue = parseFloat(modificationBlock.find('[name="rest_value"]') .val()),
		 modificationDescription = modificationBlock.find('.description') .html(),
		 modificationMeasureId = parseInt(modificationBlock.find('[name="measure_id"]') .val()),
		 modificationMeasureName = modificationBlock.find('[name="measure_name"]') .val(),
		 modificationMeasureDesc = modificationBlock.find('[name="measure_desc"]') .val(),
		 modificationMeasurePrecision = modificationBlock.find('[name="measure_precision"]') .val(),
		 modificationIsHasInCompareList = modificationBlock.find('[name="is_has_in_compare_list"]') .val(),
		 goodsModificationId = $('.goodsDataMainModificationId'),
		 goodsPriceNow = $('.goodsDataMainModificationPriceNow'),
		 goodsPriceOld = $('.goodsDataMainModificationPriceOld'),
		 goodsAvailable = $('.goodsDataMainModificationAvailable'),
		 goodsAvailableTrue = goodsAvailable.find('.available-true'),
		 goodsAvailableFalse = goodsAvailable.find('.available-false'),
		 goodsArtNumberBlock = $('.goodsDataMainModificationArtNumber'),
		 goodsArtNumber = goodsArtNumberBlock.find('span');
		 goodsCompareAddButton = $('.goodsDataCompareButton.add');
		 goodsCompareDeleteButton = $('.goodsDataCompareButton.delete');
		 goodsModDescriptionBlock = $('.goodsDataMainModificationsDescriptionBlock');
		 // Изменяем данные товара для выбранных параметров. Если нашлась выбранная модификация
		 if (modificationBlock.length) {
			 // Цена товара
			 goodsPriceNow.html(modificationPriceNowFormated);
			 // Старая цена товара
			 if (modificationPriceOld > modificationPriceNow) {
				 goodsPriceOld.html(modificationPriceOldFormated);
			 } else {
				 goodsPriceOld.html('');
			 }
			 // Есть ли товар есть в наличии
			 if (modificationRestValue > 0) {
				 goodsAvailableTrue.show();
				 goodsAvailableFalse.hide();
				 // Если товара нет в наличии
			 } else {
				 goodsAvailableTrue.hide();
				 goodsAvailableFalse.show();
			 }
			 // Если товар есть в списке сравнения
			 if (modificationIsHasInCompareList > 0) {
				 goodsCompareAddButton.hide();
				 goodsCompareDeleteButton.show();
				 // Если товара нет в списке сравнения
			 } else {
				 goodsCompareAddButton.show();
				 goodsCompareDeleteButton.hide();
			 }
			 // Покажем артикул модификации товара, если он указан
			 if (modificationArtNumber.length > 0) {
				 goodsArtNumberBlock.show();
				 goodsArtNumber.html(modificationArtNumber);
				 // Скроем артикул модификации товара, если он не указан
			 } else {
				 goodsArtNumberBlock.hide();
				 goodsArtNumber.html('');
			 }
			 // Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
			 if (modificationDescription.length > 0) {
				 goodsModDescriptionBlock.show() .html('<div>' + modificationDescription + '</div>');
			 } else {
				 goodsModDescriptionBlock.hide() .html();
			 }
			 // Идентификатор товарной модификации
			 goodsModificationId.val(modificationId);
		 } else {
			 // Отправим запись об ошибке на сервер
			 sendError('no modification by slug ' + slug);
			 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
		 }
		 // Обновляем возможность выбора другой модификации для текущих значений свойств модификации товара.
		 updateVisibility(y, goodsDataProperties, goodsDataModifications);
	 });
});
}
// Функция собирает свойства в строку, для определения модификации товара
function getSlugFromGoodsDataFormModificationsProperties(obj) {
var properties = new Array();
$(obj) .each(function (i) {
	 properties[i] = parseInt($(this) .val());
});
return properties.sort(function (a, j) {
	 return a - j
}) .join('_');
}
// Обновляет возможность выбора свойств модификации, для отключения возможности выбора по характеристикам модификации которой не существует.
function updateVisibility(y, goodsDataProperties, goodsDataModifications) {
// Проверяем в каждом соседнем поле выбора модификаций, возможно ли подобрать модификацию для указанных свойств
goodsDataProperties.each(function (j) {
	 // Если мы сравниваем значения свойства не с самим собой, а с другим списком значений свойств
	 if (j != y) {
		 // Проходим по всем значениям текущего свойства модификации товара
		 $(this) .find('option') .each(function () {
			 // Записываем временный массив свойств, которые будем использовать для проверки существования модификации
			 var checkProperties = new Array();
			 $(goodsDataProperties) .each(function (i) {
				 checkProperties[i] = parseInt($(this) .val());
			 });
			 // Пытаемся найти модификацию соответствующую выбранным значениям свойств
			 checkProperties[j] = parseInt($(this) .attr('value'));
			 // Собираем хэш определяющий модификацию по свойствам
			 slug = checkProperties.sort(function (a, B) {
				 return a - b
			 }) .join('_');
			 // Ищем модификацию по всем выбранным значениям свойств товара. Если модификации нет в возможном выборе, отмечаем потенциальное значение выбора как не доступное для выбора, т.к. такой модификации нет.
			 if (!goodsDataModifications.filter('[rel="' + slug + '"]') .length) {
				 $(this) .attr('disabled', true);
				 // Если выбрав данное значение свойства товара можно подобрать модификацию, то выделяем вариант выбора как доступный.
			 } else {
				 $(this) .attr('disabled', false);
			 }
		 });
	 }
});
}
// Изменение главного изображения товара при нажатии на миниатюру
function addImageIconEvent()
{
$('.goodsDataMainImagesIcon a') .click(function () {
	 // Путь к среднему изображению
	 var MediumImageUrl = $(this) .find('img') .attr('rel'),
	 // Главное изображение, в которое будем вставлять новое изображение
	 MainImage = $('.goodsDataMainImage img'),
	 // В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
	 MainImageIdObject = $('.goodsDataMainImage input'),
	 // Получаем идентификатор этого изображения из соседнего input поля
	 GoodsImageIconId = $(this) .parent() .find('input') .attr('rel');
	 // Изменяем главное изображение
	 MainImage.attr('src', MediumImageUrl);
	 // Изменяем идентификатор главного изображения
	 MainImageIdObject.attr('rel', GoodsImageIconId);
	 return false;
});
$('.goodsDataMainImagesIcon a') .hover(function () {
	 $(this) .trigger('click');
});
$('.goodsDataMainImagesIcon a img') .click(function () {
	 $('.goodsDataMainImage a') .trigger('click');
});
}
// Добавление товара в корзину через ajax
function addButtonCartEvent()
{
$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm') .submit(function () {
	 $(this) .nyroModalManual({
		 formIndicator: 'ajax_q',
		 // Value added when a form is sent
		 minWidth: 450,
		 // Minimum width
		 minHeight: 140,
		 // Minimum height
		 gallery: null
		 // Gallery name if provided
	 });
	 return false;
});
}
// Увеличение изображение при клике на него и открытие галереи изображений
function addZoomImageEvent()
{
$('.goodsDataMainImage a, .goodsDataMainImageZoom a') .click(function () {
	 // Идентификатор главной картинки
	 var goodsImageId = $('.goodsDataMainImage input') .attr('rel'),
	 // Маленькое изображение, по которому на самом деле будем кликать
	 goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="' + goodsImageId + '"]') .parent() .find('a');
	 // Для иконки изображения запустим галерею
	 goodsImageIconElement.nyroModalManual();
	 return false;
});
}
// Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
function addValidateEvent()
{
// Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
$('.order form, .feedbackForm, .clientForm, .goodsDataOpinionAddForm') .submit(function () {
	 if ($(this) .valid()) {
		 // Кнопка отправки формы
		 SubmitButton = $(this) .find('input:submit, button:submit');
		 // Если кнопку уже нажали, видимо отправка формы производилась по нажатию на кнопку enter, не допускаем этого.
		 if ($(SubmitButton.get(0)) .attr('disabled')) {
			 return false;
		 }
		 // Устанавливаем на кнопку отправки формы блокировку повторной оптравки
		 SubmitButton.attr('disabled', true);
		 // Через 10 секунд блокировка отправки формы снимается.
		 setTimeout('SubmitButton.attr("disabled", false);', 10000);
	 }
}) .validate();
}
// Форматирует цену
function number_format(number, decimals, dec_point, thousands_sep) {
var n = number,
prec = decimals;
var toFixedFix = function (n, prec) {
	 var k = Math.pow(10, prec);
	 return (Math.round(n * k) / k) .toString();
};
n = !isFinite( + n) ? 0 : + n;
prec = !isFinite( + prec) ? 0 : Math.abs(prec);
var sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep;
var dec = (typeof dec_point === 'undefined') ? '.' : dec_point;
var s = (prec > 0) ? toFixedFix(n, prec) : toFixedFix(Math.round(n), prec);
var abs = toFixedFix(Math.abs(n), prec);
var _,
i;
if (abs >= 1000) {
	 _ = abs.split(/\D/);
	 i = _[0].length % 3 || 3;
	 _[0] = s.slice(0, i + (n < 0)) +
	 _[0].slice(i) .replace(/(\d{3})/g, sep + '$1');
	 s = _.join(dec);
} else {
	 s = s.replace('.', dec);
}
var decPos = s.indexOf(dec);
if (prec >= 1 && decPos !== - 1 && (s.length - decPos - 1) < prec) {
	 s += new Array(prec - (s.length - decPos - 1)) .join(0) + '0';
}
else if (prec >= 1 && decPos === - 1) {
	 s += dec + new Array(prec) .join(0) + '0';
}
return s;
}
// Превращает поле пароля в текстовое поле и обратно
// @LinkObject - ссылка по которой кликнули
// @InputObject - объект у которого нужно изменить тип поля
function ChangePasswordFieldType(LinkObject, InputObject) {
var
// Ссылка по которой кликнули
LObject = $(LinkObject),
// Объект у которого изменяем тип с password на text
IObject = $(InputObject),
// Старый текст ссылки
txtOld = LObject.text(),
// Новый текст ссылки
txtNew = LObject.attr('rel');
// Если объекты не получены, завершим работу функции
if (LObject.length == 0 || IObject.length == 0) {
	 return false;
}
// Изменяем у ссылки текст со старого на новый
LObject.html(txtNew);
// Старый текст ссылки сохраняем в атрибуте rel
LObject.attr('rel', txtOld);
// Изменяем тип input поля
if (IObject[0].type == 'text') {
	 IObject[0].type = 'password';
} else {
	 IObject[0].type = 'text';
}
}
// Крутит изображение при обновлении картинки защиты от роботов
function RefreshImageAction(img, num, cnt) {
if (cnt > 13) {
	 return false;
}
$(img) .attr('src', $(img) .attr('rel') + 'icon/refresh/' + num + '.gif');
num = (num == 6) ? 0 : num;
setTimeout(function () {
	 RefreshImageAction(img, num + 1, cnt + 1);
}, 50);
}
$(document) .ready(function () {
// Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
addValidateEvent();
// Отправка формы по Ctrl+Enter
$('form') .bind('keypress', function (e) {
	 if ((e.ctrlKey) && ((e.which == 10) || (e.which == 13))) {
		 $(this) .submit();
	 }
	 // Отправка данных формы по нажатию на Enter в случае если курсор находится в input полях (В некоторых браузерах при нажатии по enter срабатывает клик по первому submit полю, которое является кнопкой назад. Для этого написан этот фикс)
}) .find('input') .bind('keypress', function (e) {
	 if (((e.which == 10) || (e.which == 13))) {
		 try {
			 $(this.form) .submit();
		 } catch (e) {
		 }
		 return false;
	 }
});
// В форме оформления заказа при клике на кнопку назад просто переходим на предыдущую страницу
$('.order form input:submit[name="toprev"]') .click(function () {
	 var act = this.form.action;
	 this.form.action = act + (act.indexOf('?') > - 1 ? '&' : '?') + 'toprev=1';
	 this.form.submit();
	 return false;
});
// Настройки галереи изображений
$.nyroModalSettings({
	 // из всех элементов с атрибут rel="gallery" будем создавать галерею
	 gallery: 'gallery',
	 // Включаем прокрутку с последнего изображения на первое
	 galleryLoop: true
});
// Увеличение изображение при клике на него и открытие галереи изображений
addZoomImageEvent();
// Добавление товара в корзину через ajax
addButtonCartEvent();
// Изменение главного изображения товара при нажатии на миниатюру
addImageIconEvent();
var
// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]'),
// Запоминаем блоки с информацией по модификациям, для ускорения работы
goodsDataModifications = $('div.goodsDataMainModificationsList');
// Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
// Проверяем возможность выбора на всех полях кроме первого, чтобы отключить во всех остальных варианты, которые не возможно выбрать
updateVisibility(0, goodsDataProperties, goodsDataModifications);
// Проверяем возможность выбора на всех полях кроме второго, чтобы в первом поле так же отключилась возможность выбора не существующих модификаций
updateVisibility(1, goodsDataProperties, goodsDataModifications);
// Изменение цены товара при изменении у товара свойства для модификации
addEventGoodsProperties(goodsDataProperties, goodsDataModifications);
// Кнопка добавления товара на сравнение сравнения товаров
addGoodsCompareEvent();

// Сравнение товаров. Увеличение изображение при клике на ссылку увеличения и открытие галереии с изображениями этого товара
$('.CompareGoodsImageZoom') .click(function () {
	 // Галлерея фотографий для данной модификации товаров
	 var galleryBlock = $('.galleryBlock' + $(this) .attr('rel')),
	 // Главное изображение товара, которое сейчас стоит у товара
	 galleryMainImage = $('.CompareGoodsImageMain' + $(this) .attr('rel')),
	 // Изображение по которому нужно кликнуть в галлерее изображений
	 ImageIngallery = galleryBlock.find('.CompareGoodsImageGallery' + galleryMainImage.attr('rel'));
	 // Запускаем галлерею изображений от изображения товара, чтобы если например кликнули по гайке, то и открылись гайка, а не еще какой-либо изображение этого товара
	 ImageIngallery.nyroModalManual({
		 gallery: 'gallery' + $(this) .attr('rel')
	 });
	 return false;
});
// Сравнение товаров. Инвертирование свойств для сравнения товара
$('.CompareCheckbox.invert') .click(function () {
	 var checked = true,
	 checkboxes = $('.CompareCheckbox:not(.invert)');
	 checkboxes.each(function () {
		 if ($(this) .attr('checked')) {
			 checked = false;
			 return false;
		 }
	 });
	 checkboxes.each(function () {
		 $(this) .attr('checked', checked);
	 });
	 $(this) .attr('checked', checked);
});
// Сравнение товаров. Скрытие характеристик товара, которые выделил пользователь
$('.CompareGoodsHideSelected') .click(function () {
	 $('.CompareGoodsTableTbodyComparisonLine') .each(function () {
		 var CheckedCheckbox = $(this) .find('.CompareCheckbox:checked:not(.invert)');
		 if (CheckedCheckbox.length > 0) {
			 $(this) .hide();
		 }
	 });
	 // отменяем выделение характеристик товаров
	 $('.CompareCheckbox') .attr('checked', false);
	 return false;
});
// Сравнение товаров. Отображение скрытых характеристик товара
$('.CompareGoodsShowAll') .click(function () {
	 $('.CompareGoodsTableTbodyComparisonLine:hidden') .show();
	 return false;
});
// Сравнение товаров. Верхняя навигация изменение фильтра на отображение всех характеристик товаров
$('.CompareGoodsTableFilterShowAll') .click(function () {
	 $('.CompareGoodsTableFilterSelected') .removeClass('CompareGoodsTableFilterSelected');
	 $('.CompareGoodsTableTbodyComparisonLine:hidden') .show();
	 $(this) .addClass('CompareGoodsTableFilterSelected');
	 return false;
});
// Сравнение товаров. Фильтр в верхней навигации. Отображение только различающихся характеристик товара
$('.CompareGoodsTableFilterShowOnlyDifferent') .click(function () {
	 $('.CompareGoodsTableFilterSelected') .removeClass('CompareGoodsTableFilterSelected');
	 $('.CompareGoodsTableTbodyComparisonLine:not(.same)') .show();
	 $('.CompareGoodsTableTbodyComparisonLine.same') .hide();
	 $(this) .addClass('CompareGoodsTableFilterSelected');
	 return false;
});
// Сравнение товаров. При наведении на строку сравнения, она выделяется цветом
$('.CompareGoodsTableTbodyComparisonLine') .hover(function () {
	 $(this) .addClass('hover');
}, function () {
	 $(this) .removeClass('hover');
}
);
// При клике по строке выделяем свойство
$('.CompareGoodsTableTbodyComparisonLine td:not(.ceil1)') .click(function () {
	 var CompareCheckbox = $(this) .parent() .find('.CompareCheckbox');
	 if (CompareCheckbox.attr('checked')) {
		 CompareCheckbox.attr('checked', false);
	 } else {
		 CompareCheckbox.attr('checked', true);
	 }
});
// Форма регистрации нового пользователя, действие ссылки "показать пароль"
$('.clientForm .showPass') .click(function () {
	 ChangePasswordFieldType(this, $('#sites_client_pass'));
	 return false;
});
// Форма регистрации нового пользователя, при оформлении заказа
$('.OrderShowPass') .click(function () {
	 ChangePasswordFieldType(this, $('#contactPassWord'));
	 return false;
});
// При вводе пароля с caps lockом, покажет блок с сообщением для пользователя
$('#sites_client_pass, #contactPassWord') .capslock({
	 caps_lock_on: function () {
		 $('#caps_lock') .show();
	 },
	 caps_lock_off: function () {
		 $('#caps_lock') .hide();
	 }
});
// При оформлении заказа дадим возможность зарегистрироваться пользователю
$('#contactWantRegister') .click(function () {
	 if ($(this) .attr('checked')) {
		 $('.contactRegisterNeedElement') .show();
		 $('#contactEmail, #contactPassWord') .addClass('required');
	 } else {
		 $('.contactRegisterNeedElement') .hide();
		 $('#contactEmail, #contactPassWord') .removeClass('required');
	 }
});
// Добавление отзыва о товаре. Рейтинг
if (typeof ($('.goodsDataOpinionTableRating') .stars) == 'function') {
	 $('.goodsDataOpinionTableRating') .stars({
		 inputType: 'input',
		 split: 2,
		 captionEl: $('.goodsDataOpinionMsg'),
		 cancelShow: false
	 });
}
addGoodsOpinionEvent();
// Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
$('.contentTbodySearchFilterBlock input') .change(function () {
	 $('.contentTbodySearchFilterBlock input[type="submit"]') .show();
});
// Действия при выборе варианта доставки на этапе оформления заказа
$('.deliveryRadio') .click(function () {
	 // Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
	 if ($('.deliveryZoneRadio:checked') .attr('deliveryid') != $(this) .val()) {
		 $('.deliveryZoneRadio:checked') .click() .attr('checked', false);
	 }
});
// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
$('.deliveryZoneRadio') .click(function () {
	 var
	 deliveryId = $(this) .attr('deliveryid'),
	 deliveryZonePrice = $(this) .parent() .find('.deliveryZonePrice'),
	 deliveryTbody = $('.orderStageDeliveryListTable tbody[rel="' + deliveryId + '"]'),
	 deliveryBlock = deliveryTbody.find('#deliveryId' + deliveryId),
	 deliveryZonePriceBlock = deliveryTbody.find('.orderStageDeliveryZonePrice'),
	 deliveryDefaultPriceBlock = deliveryTbody.find('.orderStageDeliveryDefaultPrice')
	 ;
	 // Если этот пункт уже выбран, при повторном клике пользователь видимо хочет снять выделение зоны доставки
	 if ('true' == $(this) .attr('rel')) {
		 $(this) .attr('checked', false);
		 $(this) .attr('rel', 'false');
		 // Показываем цену по умолчанию
		 deliveryDefaultPriceBlock.show();
		 // Скрываем цену образованную от зоны
		 deliveryZonePriceBlock.hide();
		 // Отмечаем у всех радио баттонов зон доставки свойство говорящее что они не отмечены
	 } else {
		 $('.deliveryZoneRadio') .attr('rel', 'false');
		 $(this) .attr('rel', 'true');
		 // Показываем цену по умолчанию
		 deliveryDefaultPriceBlock.hide();
		 // Скрываем цену образованную от зоны
		 deliveryZonePriceBlock.show() .html(deliveryZonePrice.html());
		 // Выделяем вариант доставки к которому относится зона доставки
		 deliveryBlock.attr('checked', true);
	 }
});
$('#deliveryConvenientDate') .datepicker({
	 dayNames: [
		 'Понедельник',
		 'Вторник',
		 'Среда',
		 'Четверг',
		 'Пятница',
		 'Суббота',
		 'Воскресенье'
	 ],
	 dayNamesMin: [
		 'Вс',
		 'Пн',
		 'Вт',
		 'Ср',
		 'Чт',
		 'Пт',
		 'Сб'
	 ],
	 closeText: 'Готово',
	 currentText: 'Сегодня',
	 duration: '',
	 monthNames: [
		 'Январь',
		 'Февраль',
		 'Март',
		 'Апрель',
		 'Май',
		 'Июнь',
		 'Июль',
		 'Август',
		 'Сентябрь',
		 'Октябрь',
		 'Ноябрь',
		 'Декабрь'
	 ],
	 monthNamesShort: [
		 'Янв',
		 'Фев',
		 'Март',
		 'Апр',
		 'Май',
		 'Июнь',
		 'Июль',
		 'Авг',
		 'Сен',
		 'Окт',
		 'Ноя',
		 'Дек'
	 ],
	 yearRange: '-6:+6',
	 dateFormat: 'dd.mm.yy',
	 minDate: new Date(),
	 firstDay: 1
});
});
$(document) .ready(function () {
$('#back-top') .hide();
$(function () {
	 $(window) .scroll(function () {
		 if ($(this) .scrollTop() > 50) {
			 $('#back-top') .fadeIn();
		 } else {
			 $('#back-top') .fadeOut();
		 }
	 });
	 $('#back-top a') .click(function () {
		 $('body,html') .animate({
			 scrollTop: 0
		 }, 800);
		 return false;
	 });
});
});
$(function () {
addQuantityWantedFeaturesEvent();
addButtonCountGoods();
});
$(function () {
var img = $('.block1 > div > img');
$(img) .parent() .height($(img) .parent() .height());
setInterval($.proxy(function () {
	 $(this) .animate({
		 'marginTop': parseInt($(this) .css('marginTop')) >= 0 ? '-15px' : '0'
	 }, 400);
}, img), 500);
});
// Быстрый заказ
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) {
		 var width = $(window) .width() * 0.8;
		 if (width < 800) width = 'auto';
		 $.fn.nyroModalManual({
			 content: data,
			 gallery: null,
			 resizable: true,
			 autoSizable: true,
			 windowResize: true,
			 width: width,
			 minHeight: 230
		 });
	 }
});
return false;
}
$(function () {
$('.prd-image a img') .live('mouseenter', function () {
	 $(this) .data('hover', true) .parent() .removeAttr('title');
	 setTimeout($.proxy(function () {
		 var goods_images_list = $(this) .closest('.prd-image') .find('.goods_images_list');
		 var size = goods_images_list.find('img') .size();
		 if (size && $(this) .data('hover')) {
			 goods_images_list.find('div:eq(0)') .show();
			 if (size > 1) {
				 goods_images_list.data('interval', setInterval($.proxy(function () {
					 var next = $(this) .find('div:visible') .next();
					 if (!next.length) {
						 next = $(this) .find('div:eq(0)');
					 }
					 $(this) .find('div') .hide();
					 next.show();
				 }, goods_images_list), 2000));
			 }
		 }
	 }, this), 0);
});
$('.prd-image a img') .live('mouseleave', function () {
	 var goods_images_list = $(this) .closest('.prd-image') .find('.goods_images_list');
	 goods_images_list.find('div') .hide();
	 $(this) .removeData('hover');
	 if (goods_images_list.data('interval')) {
		 clearInterval(goods_images_list.data('interval'));
		 goods_images_list.removeData('interval');
	 }
});
});
function QuickLook(url)
{
jQuery.ajax({
	 type: 'POST',
	 cache: false,
	 url: url,
	 data: {
		 only_body: 1
	 },
	 success: function (data)
	 {
		 var c = $('<div class="box-modal" />');
		 c.html(data);
		 c.prepend('<div class="box-modal_close arcticmodal-close">X</div>');
		 $.arcticmodal({
			 content: c,
			 afterOpen: function () {
				 var
				 // Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
				 goodsDataProperties = $('.arcticmodal-container form.goodsDataForm select[name="form[properties][]"]'),
				 // Запоминаем блоки с информацией по модификациям, для ускорения работы
				 goodsDataModifications = $('.arcticmodal-container div.goodsDataMainModificationsList');
				 // Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
				 addEventGoodsProperties(goodsDataProperties, goodsDataModifications);
				 addValidateEvent();
				 addQuantityWantedFeaturesEvent();
				 addButtonCountGoods();
				 addGoodsOpinionEvent();
				 addImageIconEvent();
				 addButtonCartEvent();
				 addZoomImageEvent();
				 addGoodsCompareEvent();
				
				 $('.arcticmodal-container .goodsDataMainModificationArtNumber')
				 .after($('<p>').append($('<a>').attr('href', url).addClass('page-prd').text('Перейти на основную страницу товара')));
				
			 }
		 });
	 }
});
}

далее в файл стилей main.css добавьте

.listing .goods_images_list {
display: none !important;
}

Наверх

#63 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Сake (21 Август 2014 - 00:04) писал:

Замените содержимое вашего файла main.js на следующий код

Скрытый текст

// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.
function sendError(desc, page, line) {
var img = document.createElement('img');
img.src = 'http://storeland.ru/error/js?desc=' + encodeURIComponent(desc) + '&page=' + encodeURIComponent(window.location) + '&line=0';
img.style.position = 'absolute';
img.style.top = '-9999px';
try {
	 document.getElementsByTagName('head') .appendChild(img)
} catch (e) {
}
return false;
}
// Кнопка добавления товара на сравнение сравнения товаров
function addGoodsCompareEvent()
{
$('.goodsDataCompareButton') .click(function () {
window.location.href = $(this) .attr('rel') + ($(this) .attr('rel') .indexOf('?') > - 1 ? '&' : '?') +
'id=' +
$('.goodsDataMainModificationId') .val() +
'&from=' +
$('input[name="form[goods_from]"]') .val();
return false;
});
}
function addQuantityWantedFeaturesEvent()
{
$('.goodsDataFeatures p span') .map(function () {
	 if ($(this) .text() .indexOf('min.') !== - 1) {
		 var min = parseInt($(this) .closest('td') .next() .text());
		 if (!min) {
			 min = 1;
		 }
		 $(this) .closest('.goodsDataFeatures') .parent() .find('[name="form[goods_mod_quantity]"]') .data('min', min) .keyup(function (event, down) {
			 var min = parseInt($(this) .data('min'));
			 var current = Math.ceil(parseInt($(this) .val()) / min) * min;
			 var value = down ? (current - min) : current + min;
			 $(this) .val(value < min ? min : value);
			 return (false);
		 }) .val(min);
	 }
});
$('.up_button, .down_button') .click(function () {
	 $(this) .closest('.numeric_input') .find('[name="form[goods_mod_quantity]"]') .trigger('keyup', $(this) .hasClass('down_button'));
	 return (false);
});
}
function addButtonCountGoods()
{
var down_and_up_interval;
$('.down_button, .up_button') .mousedown(function () {
	 down_and_up_interval = setInterval($.proxy(function () {
		 $(this) .trigger('click');
	 }, this), 100);
}) .mouseup(function () {
	 clearInterval(down_and_up_interval);
});
}
// Добавление отзыва о товаре
function addGoodsOpinionEvent()
{
// Список отзывов о товаре. Ссылка на отображение формы для добавление отзыва о товаре
$('.goodsDataOpinionShowAddForm') .click(function () {
	 if (0 == $('#goodsDataOpinionAddBlock:visible') .length) {
		 $('#goodsDataOpinionAddBlock') .show('blind');
	 } else {
		 $('#goodsDataOpinionAddBlock') .hide('blind');
		 return false;
	 }
});
// Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
$('.goodsDataOpinionAddForm input:reset') .click(function () {
	 $('#goodsDataOpinionAddBlock') .hide('blind');
});
// Иконка для обновления изображение капчи
$('.goodsDataOpinionCaptchaRefresh') .click(function () {
	 RefreshImageAction(this, 1, 1);
	 $('.goodsDataOpinionCaptchaImg') .attr('src', $('.goodsDataOpinionCaptchaImg') .attr('src') + '&rand' + Math.random(0, 10000));
	 return false;
});
}
// Изменение цены товара при изменении у товара свойства для модификации
function addEventGoodsProperties(goodsDataProperties, goodsDataModifications)
{
goodsDataProperties.each(function (y) {
	 $(this) .change(function () {
		 var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),
		 modificationBlock = goodsDataModifications.filter('[rel="' + slug + '"]'),
		 modificationId = parseInt(modificationBlock.find('[name="id"]') .val()),
		 modificationArtNumber = modificationBlock.find('[name="art_number"]') .val(),
		 modificationPriceNow = parseFloat(modificationBlock.find('[name="price_now"]') .val()),
		 modificationPriceNowFormated = modificationBlock.find('.price_now_formated') .html(),
		 modificationPriceOld = parseFloat(modificationBlock.find('[name="price_old"]') .val()),
		 modificationPriceOldFormated = modificationBlock.find('.price_old_formated') .html(),
		 modificationRestValue = parseFloat(modificationBlock.find('[name="rest_value"]') .val()),
		 modificationDescription = modificationBlock.find('.description') .html(),
		 modificationMeasureId = parseInt(modificationBlock.find('[name="measure_id"]') .val()),
		 modificationMeasureName = modificationBlock.find('[name="measure_name"]') .val(),
		 modificationMeasureDesc = modificationBlock.find('[name="measure_desc"]') .val(),
		 modificationMeasurePrecision = modificationBlock.find('[name="measure_precision"]') .val(),
		 modificationIsHasInCompareList = modificationBlock.find('[name="is_has_in_compare_list"]') .val(),
		 goodsModificationId = $('.goodsDataMainModificationId'),
		 goodsPriceNow = $('.goodsDataMainModificationPriceNow'),
		 goodsPriceOld = $('.goodsDataMainModificationPriceOld'),
		 goodsAvailable = $('.goodsDataMainModificationAvailable'),
		 goodsAvailableTrue = goodsAvailable.find('.available-true'),
		 goodsAvailableFalse = goodsAvailable.find('.available-false'),
		 goodsArtNumberBlock = $('.goodsDataMainModificationArtNumber'),
		 goodsArtNumber = goodsArtNumberBlock.find('span');
		 goodsCompareAddButton = $('.goodsDataCompareButton.add');
		 goodsCompareDeleteButton = $('.goodsDataCompareButton.delete');
		 goodsModDescriptionBlock = $('.goodsDataMainModificationsDescriptionBlock');
		 // Изменяем данные товара для выбранных параметров. Если нашлась выбранная модификация
		 if (modificationBlock.length) {
			 // Цена товара
			 goodsPriceNow.html(modificationPriceNowFormated);
			 // Старая цена товара
			 if (modificationPriceOld > modificationPriceNow) {
				 goodsPriceOld.html(modificationPriceOldFormated);
			 } else {
				 goodsPriceOld.html('');
			 }
			 // Есть ли товар есть в наличии
			 if (modificationRestValue > 0) {
				 goodsAvailableTrue.show();
				 goodsAvailableFalse.hide();
				 // Если товара нет в наличии
			 } else {
				 goodsAvailableTrue.hide();
				 goodsAvailableFalse.show();
			 }
			 // Если товар есть в списке сравнения
			 if (modificationIsHasInCompareList > 0) {
				 goodsCompareAddButton.hide();
				 goodsCompareDeleteButton.show();
				 // Если товара нет в списке сравнения
			 } else {
				 goodsCompareAddButton.show();
				 goodsCompareDeleteButton.hide();
			 }
			 // Покажем артикул модификации товара, если он указан
			 if (modificationArtNumber.length > 0) {
				 goodsArtNumberBlock.show();
				 goodsArtNumber.html(modificationArtNumber);
				 // Скроем артикул модификации товара, если он не указан
			 } else {
				 goodsArtNumberBlock.hide();
				 goodsArtNumber.html('');
			 }
			 // Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
			 if (modificationDescription.length > 0) {
				 goodsModDescriptionBlock.show() .html('<div>' + modificationDescription + '</div>');
			 } else {
				 goodsModDescriptionBlock.hide() .html();
			 }
			 // Идентификатор товарной модификации
			 goodsModificationId.val(modificationId);
		 } else {
			 // Отправим запись об ошибке на сервер
			 sendError('no modification by slug ' + slug);
			 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
		 }
		 // Обновляем возможность выбора другой модификации для текущих значений свойств модификации товара.
		 updateVisibility(y, goodsDataProperties, goodsDataModifications);
	 });
});
}
// Функция собирает свойства в строку, для определения модификации товара
function getSlugFromGoodsDataFormModificationsProperties(obj) {
var properties = new Array();
$(obj) .each(function (i) {
	 properties[i] = parseInt($(this) .val());
});
return properties.sort(function (a, j) {
	 return a - j
}) .join('_');
}
// Обновляет возможность выбора свойств модификации, для отключения возможности выбора по характеристикам модификации которой не существует.
function updateVisibility(y, goodsDataProperties, goodsDataModifications) {
// Проверяем в каждом соседнем поле выбора модификаций, возможно ли подобрать модификацию для указанных свойств
goodsDataProperties.each(function (j) {
	 // Если мы сравниваем значения свойства не с самим собой, а с другим списком значений свойств
	 if (j != y) {
		 // Проходим по всем значениям текущего свойства модификации товара
		 $(this) .find('option') .each(function () {
			 // Записываем временный массив свойств, которые будем использовать для проверки существования модификации
			 var checkProperties = new Array();
			 $(goodsDataProperties) .each(function (i) {
				 checkProperties[i] = parseInt($(this) .val());
			 });
			 // Пытаемся найти модификацию соответствующую выбранным значениям свойств
			 checkProperties[j] = parseInt($(this) .attr('value'));
			 // Собираем хэш определяющий модификацию по свойствам
			 slug = checkProperties.sort(function (a, B) {
				 return a - b
			 }) .join('_');
			 // Ищем модификацию по всем выбранным значениям свойств товара. Если модификации нет в возможном выборе, отмечаем потенциальное значение выбора как не доступное для выбора, т.к. такой модификации нет.
			 if (!goodsDataModifications.filter('[rel="' + slug + '"]') .length) {
				 $(this) .attr('disabled', true);
				 // Если выбрав данное значение свойства товара можно подобрать модификацию, то выделяем вариант выбора как доступный.
			 } else {
				 $(this) .attr('disabled', false);
			 }
		 });
	 }
});
}
// Изменение главного изображения товара при нажатии на миниатюру
function addImageIconEvent()
{
$('.goodsDataMainImagesIcon a') .click(function () {
	 // Путь к среднему изображению
	 var MediumImageUrl = $(this) .find('img') .attr('rel'),
	 // Главное изображение, в которое будем вставлять новое изображение
	 MainImage = $('.goodsDataMainImage img'),
	 // В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
	 MainImageIdObject = $('.goodsDataMainImage input'),
	 // Получаем идентификатор этого изображения из соседнего input поля
	 GoodsImageIconId = $(this) .parent() .find('input') .attr('rel');
	 // Изменяем главное изображение
	 MainImage.attr('src', MediumImageUrl);
	 // Изменяем идентификатор главного изображения
	 MainImageIdObject.attr('rel', GoodsImageIconId);
	 return false;
});
$('.goodsDataMainImagesIcon a') .hover(function () {
	 $(this) .trigger('click');
});
$('.goodsDataMainImagesIcon a img') .click(function () {
	 $('.goodsDataMainImage a') .trigger('click');
});
}
// Добавление товара в корзину через ajax
function addButtonCartEvent()
{
$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm') .submit(function () {
	 $(this) .nyroModalManual({
		 formIndicator: 'ajax_q',
		 // Value added when a form is sent
		 minWidth: 450,
		 // Minimum width
		 minHeight: 140,
		 // Minimum height
		 gallery: null
		 // Gallery name if provided
	 });
	 return false;
});
}
// Увеличение изображение при клике на него и открытие галереи изображений
function addZoomImageEvent()
{
$('.goodsDataMainImage a, .goodsDataMainImageZoom a') .click(function () {
	 // Идентификатор главной картинки
	 var goodsImageId = $('.goodsDataMainImage input') .attr('rel'),
	 // Маленькое изображение, по которому на самом деле будем кликать
	 goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="' + goodsImageId + '"]') .parent() .find('a');
	 // Для иконки изображения запустим галерею
	 goodsImageIconElement.nyroModalManual();
	 return false;
});
}
// Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
function addValidateEvent()
{
// Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
$('.order form, .feedbackForm, .clientForm, .goodsDataOpinionAddForm') .submit(function () {
	 if ($(this) .valid()) {
		 // Кнопка отправки формы
		 SubmitButton = $(this) .find('input:submit, button:submit');
		 // Если кнопку уже нажали, видимо отправка формы производилась по нажатию на кнопку enter, не допускаем этого.
		 if ($(SubmitButton.get(0)) .attr('disabled')) {
			 return false;
		 }
		 // Устанавливаем на кнопку отправки формы блокировку повторной оптравки
		 SubmitButton.attr('disabled', true);
		 // Через 10 секунд блокировка отправки формы снимается.
		 setTimeout('SubmitButton.attr("disabled", false);', 10000);
	 }
}) .validate();
}
// Форматирует цену
function number_format(number, decimals, dec_point, thousands_sep) {
var n = number,
prec = decimals;
var toFixedFix = function (n, prec) {
	 var k = Math.pow(10, prec);
	 return (Math.round(n * k) / k) .toString();
};
n = !isFinite( + n) ? 0 : + n;
prec = !isFinite( + prec) ? 0 : Math.abs(prec);
var sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep;
var dec = (typeof dec_point === 'undefined') ? '.' : dec_point;
var s = (prec > 0) ? toFixedFix(n, prec) : toFixedFix(Math.round(n), prec);
var abs = toFixedFix(Math.abs(n), prec);
var _,
i;
if (abs >= 1000) {
	 _ = abs.split(/\D/);
	 i = _[0].length % 3 || 3;
	 _[0] = s.slice(0, i + (n < 0)) +
	 _[0].slice(i) .replace(/(\d{3})/g, sep + '$1');
	 s = _.join(dec);
} else {
	 s = s.replace('.', dec);
}
var decPos = s.indexOf(dec);
if (prec >= 1 && decPos !== - 1 && (s.length - decPos - 1) < prec) {
	 s += new Array(prec - (s.length - decPos - 1)) .join(0) + '0';
}
else if (prec >= 1 && decPos === - 1) {
	 s += dec + new Array(prec) .join(0) + '0';
}
return s;
}
// Превращает поле пароля в текстовое поле и обратно
// @LinkObject - ссылка по которой кликнули
// @InputObject - объект у которого нужно изменить тип поля
function ChangePasswordFieldType(LinkObject, InputObject) {
var
// Ссылка по которой кликнули
LObject = $(LinkObject),
// Объект у которого изменяем тип с password на text
IObject = $(InputObject),
// Старый текст ссылки
txtOld = LObject.text(),
// Новый текст ссылки
txtNew = LObject.attr('rel');
// Если объекты не получены, завершим работу функции
if (LObject.length == 0 || IObject.length == 0) {
	 return false;
}
// Изменяем у ссылки текст со старого на новый
LObject.html(txtNew);
// Старый текст ссылки сохраняем в атрибуте rel
LObject.attr('rel', txtOld);
// Изменяем тип input поля
if (IObject[0].type == 'text') {
	 IObject[0].type = 'password';
} else {
	 IObject[0].type = 'text';
}
}
// Крутит изображение при обновлении картинки защиты от роботов
function RefreshImageAction(img, num, cnt) {
if (cnt > 13) {
	 return false;
}
$(img) .attr('src', $(img) .attr('rel') + 'icon/refresh/' + num + '.gif');
num = (num == 6) ? 0 : num;
setTimeout(function () {
	 RefreshImageAction(img, num + 1, cnt + 1);
}, 50);
}
$(document) .ready(function () {
// Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
addValidateEvent();
// Отправка формы по Ctrl+Enter
$('form') .bind('keypress', function (e) {
	 if ((e.ctrlKey) && ((e.which == 10) || (e.which == 13))) {
		 $(this) .submit();
	 }
	 // Отправка данных формы по нажатию на Enter в случае если курсор находится в input полях (В некоторых браузерах при нажатии по enter срабатывает клик по первому submit полю, которое является кнопкой назад. Для этого написан этот фикс)
}) .find('input') .bind('keypress', function (e) {
	 if (((e.which == 10) || (e.which == 13))) {
		 try {
			 $(this.form) .submit();
		 } catch (e) {
		 }
		 return false;
	 }
});
// В форме оформления заказа при клике на кнопку назад просто переходим на предыдущую страницу
$('.order form input:submit[name="toprev"]') .click(function () {
	 var act = this.form.action;
	 this.form.action = act + (act.indexOf('?') > - 1 ? '&' : '?') + 'toprev=1';
	 this.form.submit();
	 return false;
});
// Настройки галереи изображений
$.nyroModalSettings({
	 // из всех элементов с атрибут rel="gallery" будем создавать галерею
	 gallery: 'gallery',
	 // Включаем прокрутку с последнего изображения на первое
	 galleryLoop: true
});
// Увеличение изображение при клике на него и открытие галереи изображений
addZoomImageEvent();
// Добавление товара в корзину через ajax
addButtonCartEvent();
// Изменение главного изображения товара при нажатии на миниатюру
addImageIconEvent();
var
// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]'),
// Запоминаем блоки с информацией по модификациям, для ускорения работы
goodsDataModifications = $('div.goodsDataMainModificationsList');
// Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
// Проверяем возможность выбора на всех полях кроме первого, чтобы отключить во всех остальных варианты, которые не возможно выбрать
updateVisibility(0, goodsDataProperties, goodsDataModifications);
// Проверяем возможность выбора на всех полях кроме второго, чтобы в первом поле так же отключилась возможность выбора не существующих модификаций
updateVisibility(1, goodsDataProperties, goodsDataModifications);
// Изменение цены товара при изменении у товара свойства для модификации
addEventGoodsProperties(goodsDataProperties, goodsDataModifications);
// Кнопка добавления товара на сравнение сравнения товаров
addGoodsCompareEvent();

// Сравнение товаров. Увеличение изображение при клике на ссылку увеличения и открытие галереии с изображениями этого товара
$('.CompareGoodsImageZoom') .click(function () {
	 // Галлерея фотографий для данной модификации товаров
	 var galleryBlock = $('.galleryBlock' + $(this) .attr('rel')),
	 // Главное изображение товара, которое сейчас стоит у товара
	 galleryMainImage = $('.CompareGoodsImageMain' + $(this) .attr('rel')),
	 // Изображение по которому нужно кликнуть в галлерее изображений
	 ImageIngallery = galleryBlock.find('.CompareGoodsImageGallery' + galleryMainImage.attr('rel'));
	 // Запускаем галлерею изображений от изображения товара, чтобы если например кликнули по гайке, то и открылись гайка, а не еще какой-либо изображение этого товара
	 ImageIngallery.nyroModalManual({
		 gallery: 'gallery' + $(this) .attr('rel')
	 });
	 return false;
});
// Сравнение товаров. Инвертирование свойств для сравнения товара
$('.CompareCheckbox.invert') .click(function () {
	 var checked = true,
	 checkboxes = $('.CompareCheckbox:not(.invert)');
	 checkboxes.each(function () {
		 if ($(this) .attr('checked')) {
			 checked = false;
			 return false;
		 }
	 });
	 checkboxes.each(function () {
		 $(this) .attr('checked', checked);
	 });
	 $(this) .attr('checked', checked);
});
// Сравнение товаров. Скрытие характеристик товара, которые выделил пользователь
$('.CompareGoodsHideSelected') .click(function () {
	 $('.CompareGoodsTableTbodyComparisonLine') .each(function () {
		 var CheckedCheckbox = $(this) .find('.CompareCheckbox:checked:not(.invert)');
		 if (CheckedCheckbox.length > 0) {
			 $(this) .hide();
		 }
	 });
	 // отменяем выделение характеристик товаров
	 $('.CompareCheckbox') .attr('checked', false);
	 return false;
});
// Сравнение товаров. Отображение скрытых характеристик товара
$('.CompareGoodsShowAll') .click(function () {
	 $('.CompareGoodsTableTbodyComparisonLine:hidden') .show();
	 return false;
});
// Сравнение товаров. Верхняя навигация изменение фильтра на отображение всех характеристик товаров
$('.CompareGoodsTableFilterShowAll') .click(function () {
	 $('.CompareGoodsTableFilterSelected') .removeClass('CompareGoodsTableFilterSelected');
	 $('.CompareGoodsTableTbodyComparisonLine:hidden') .show();
	 $(this) .addClass('CompareGoodsTableFilterSelected');
	 return false;
});
// Сравнение товаров. Фильтр в верхней навигации. Отображение только различающихся характеристик товара
$('.CompareGoodsTableFilterShowOnlyDifferent') .click(function () {
	 $('.CompareGoodsTableFilterSelected') .removeClass('CompareGoodsTableFilterSelected');
	 $('.CompareGoodsTableTbodyComparisonLine:not(.same)') .show();
	 $('.CompareGoodsTableTbodyComparisonLine.same') .hide();
	 $(this) .addClass('CompareGoodsTableFilterSelected');
	 return false;
});
// Сравнение товаров. При наведении на строку сравнения, она выделяется цветом
$('.CompareGoodsTableTbodyComparisonLine') .hover(function () {
	 $(this) .addClass('hover');
}, function () {
	 $(this) .removeClass('hover');
}
);
// При клике по строке выделяем свойство
$('.CompareGoodsTableTbodyComparisonLine td:not(.ceil1)') .click(function () {
	 var CompareCheckbox = $(this) .parent() .find('.CompareCheckbox');
	 if (CompareCheckbox.attr('checked')) {
		 CompareCheckbox.attr('checked', false);
	 } else {
		 CompareCheckbox.attr('checked', true);
	 }
});
// Форма регистрации нового пользователя, действие ссылки "показать пароль"
$('.clientForm .showPass') .click(function () {
	 ChangePasswordFieldType(this, $('#sites_client_pass'));
	 return false;
});
// Форма регистрации нового пользователя, при оформлении заказа
$('.OrderShowPass') .click(function () {
	 ChangePasswordFieldType(this, $('#contactPassWord'));
	 return false;
});
// При вводе пароля с caps lockом, покажет блок с сообщением для пользователя
$('#sites_client_pass, #contactPassWord') .capslock({
	 caps_lock_on: function () {
		 $('#caps_lock') .show();
	 },
	 caps_lock_off: function () {
		 $('#caps_lock') .hide();
	 }
});
// При оформлении заказа дадим возможность зарегистрироваться пользователю
$('#contactWantRegister') .click(function () {
	 if ($(this) .attr('checked')) {
		 $('.contactRegisterNeedElement') .show();
		 $('#contactEmail, #contactPassWord') .addClass('required');
	 } else {
		 $('.contactRegisterNeedElement') .hide();
		 $('#contactEmail, #contactPassWord') .removeClass('required');
	 }
});
// Добавление отзыва о товаре. Рейтинг
if (typeof ($('.goodsDataOpinionTableRating') .stars) == 'function') {
	 $('.goodsDataOpinionTableRating') .stars({
		 inputType: 'input',
		 split: 2,
		 captionEl: $('.goodsDataOpinionMsg'),
		 cancelShow: false
	 });
}
addGoodsOpinionEvent();
// Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
$('.contentTbodySearchFilterBlock input') .change(function () {
	 $('.contentTbodySearchFilterBlock input[type="submit"]') .show();
});
// Действия при выборе варианта доставки на этапе оформления заказа
$('.deliveryRadio') .click(function () {
	 // Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
	 if ($('.deliveryZoneRadio:checked') .attr('deliveryid') != $(this) .val()) {
		 $('.deliveryZoneRadio:checked') .click() .attr('checked', false);
	 }
});
// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
$('.deliveryZoneRadio') .click(function () {
	 var
	 deliveryId = $(this) .attr('deliveryid'),
	 deliveryZonePrice = $(this) .parent() .find('.deliveryZonePrice'),
	 deliveryTbody = $('.orderStageDeliveryListTable tbody[rel="' + deliveryId + '"]'),
	 deliveryBlock = deliveryTbody.find('#deliveryId' + deliveryId),
	 deliveryZonePriceBlock = deliveryTbody.find('.orderStageDeliveryZonePrice'),
	 deliveryDefaultPriceBlock = deliveryTbody.find('.orderStageDeliveryDefaultPrice')
	 ;
	 // Если этот пункт уже выбран, при повторном клике пользователь видимо хочет снять выделение зоны доставки
	 if ('true' == $(this) .attr('rel')) {
		 $(this) .attr('checked', false);
		 $(this) .attr('rel', 'false');
		 // Показываем цену по умолчанию
		 deliveryDefaultPriceBlock.show();
		 // Скрываем цену образованную от зоны
		 deliveryZonePriceBlock.hide();
		 // Отмечаем у всех радио баттонов зон доставки свойство говорящее что они не отмечены
	 } else {
		 $('.deliveryZoneRadio') .attr('rel', 'false');
		 $(this) .attr('rel', 'true');
		 // Показываем цену по умолчанию
		 deliveryDefaultPriceBlock.hide();
		 // Скрываем цену образованную от зоны
		 deliveryZonePriceBlock.show() .html(deliveryZonePrice.html());
		 // Выделяем вариант доставки к которому относится зона доставки
		 deliveryBlock.attr('checked', true);
	 }
});
$('#deliveryConvenientDate') .datepicker({
	 dayNames: [
		 'Понедельник',
		 'Вторник',
		 'Среда',
		 'Четверг',
		 'Пятница',
		 'Суббота',
		 'Воскресенье'
	 ],
	 dayNamesMin: [
		 'Вс',
		 'Пн',
		 'Вт',
		 'Ср',
		 'Чт',
		 'Пт',
		 'Сб'
	 ],
	 closeText: 'Готово',
	 currentText: 'Сегодня',
	 duration: '',
	 monthNames: [
		 'Январь',
		 'Февраль',
		 'Март',
		 'Апрель',
		 'Май',
		 'Июнь',
		 'Июль',
		 'Август',
		 'Сентябрь',
		 'Октябрь',
		 'Ноябрь',
		 'Декабрь'
	 ],
	 monthNamesShort: [
		 'Янв',
		 'Фев',
		 'Март',
		 'Апр',
		 'Май',
		 'Июнь',
		 'Июль',
		 'Авг',
		 'Сен',
		 'Окт',
		 'Ноя',
		 'Дек'
	 ],
	 yearRange: '-6:+6',
	 dateFormat: 'dd.mm.yy',
	 minDate: new Date(),
	 firstDay: 1
});
});
$(document) .ready(function () {
$('#back-top') .hide();
$(function () {
	 $(window) .scroll(function () {
		 if ($(this) .scrollTop() > 50) {
			 $('#back-top') .fadeIn();
		 } else {
			 $('#back-top') .fadeOut();
		 }
	 });
	 $('#back-top a') .click(function () {
		 $('body,html') .animate({
			 scrollTop: 0
		 }, 800);
		 return false;
	 });
});
});
$(function () {
addQuantityWantedFeaturesEvent();
addButtonCountGoods();
});
$(function () {
var img = $('.block1 > div > img');
$(img) .parent() .height($(img) .parent() .height());
setInterval($.proxy(function () {
	 $(this) .animate({
		 'marginTop': parseInt($(this) .css('marginTop')) >= 0 ? '-15px' : '0'
	 }, 400);
}, img), 500);
});
// Быстрый заказ
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) {
		 var width = $(window) .width() * 0.8;
		 if (width < 800) width = 'auto';
		 $.fn.nyroModalManual({
			 content: data,
			 gallery: null,
			 resizable: true,
			 autoSizable: true,
			 windowResize: true,
			 width: width,
			 minHeight: 230
		 });
	 }
});
return false;
}
$(function () {
$('.prd-image a img') .live('mouseenter', function () {
	 $(this) .data('hover', true) .parent() .removeAttr('title');
	 setTimeout($.proxy(function () {
		 var goods_images_list = $(this) .closest('.prd-image') .find('.goods_images_list');
		 var size = goods_images_list.find('img') .size();
		 if (size && $(this) .data('hover')) {
			 goods_images_list.find('div:eq(0)') .show();
			 if (size > 1) {
				 goods_images_list.data('interval', setInterval($.proxy(function () {
					 var next = $(this) .find('div:visible') .next();
					 if (!next.length) {
						 next = $(this) .find('div:eq(0)');
					 }
					 $(this) .find('div') .hide();
					 next.show();
				 }, goods_images_list), 2000));
			 }
		 }
	 }, this), 0);
});
$('.prd-image a img') .live('mouseleave', function () {
	 var goods_images_list = $(this) .closest('.prd-image') .find('.goods_images_list');
	 goods_images_list.find('div') .hide();
	 $(this) .removeData('hover');
	 if (goods_images_list.data('interval')) {
		 clearInterval(goods_images_list.data('interval'));
		 goods_images_list.removeData('interval');
	 }
});
});
function QuickLook(url)
{
jQuery.ajax({
	 type: 'POST',
	 cache: false,
	 url: url,
	 data: {
		 only_body: 1
	 },
	 success: $.proxy(function (url, data)
	 {
		 var c = $('<div class="box-modal" />');
		 c.html(data);
		 c.prepend('<div class="box-modal_close arcticmodal-close">X</div>');
		 $.arcticmodal({
			 content: c,
			 afterOpen: $.proxy(function (url) {
				 var
				 // Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
				 goodsDataProperties = $('.arcticmodal-container form.goodsDataForm select[name="form[properties][]"]'),
				 // Запоминаем блоки с информацией по модификациям, для ускорения работы
				 goodsDataModifications = $('.arcticmodal-container div.goodsDataMainModificationsList');
				 // Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
				 addEventGoodsProperties(goodsDataProperties, goodsDataModifications);
				 addValidateEvent();
				 addQuantityWantedFeaturesEvent();
				 addButtonCountGoods();
				 addGoodsOpinionEvent();
				 addImageIconEvent();
				 addButtonCartEvent();
				 addZoomImageEvent();
				 addGoodsCompareEvent();
				
				 $('.arcticmodal-container .goodsDataMainModificationArtNumber')
				 .after($('<p>').append($('<a>').attr('href', url).addClass('page-prd').text('Перейти на основную страницу товара')));
				
			 }, this, url)
		 });
	 }, this, url)
});
}

далее в файл стилей main.css добавьте

.listing .goods_images_list {
display: none !important;
}

Кнопка быстрый просмотр не работает, выскакивает JS ошибка

Наверх

#64 Сake

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

Модератоpы
5 979 сообщений

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

Проблема возникла из-за функции $.proxy. Необходимые изменения внес вам в файл main.js а так же обновил содержимое файла в сообщении.

Наверх

#65 Coffee

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

Пользователи
178 сообщений

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

ПОмогите разобраться, иногда (странно что иногда) в модальном окне при нажатии на В КОРЗИНУ появляется подобное сообщение

Наверх

#66 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Сake (22 Август 2014 - 00:36) писал:

Проблема возникла из-за функции $.proxy. Необходимые изменения внес вам в файл main.js а так же обновил содержимое файла в сообщении.

Модальное окно меня устраивает, необходимо ,
1 чтобы заработала кнопка "в корзину", заработала как подобает (не перекидывала в корзину),
Выполнено
2 чтобы заработали стрелки счётчка
Выполнено
3 Добавить кнопку "перейти на основную страницу товара"
Выполнено
4 Чтобы изображения в модальном окне открывались так же как на основной странице (сейчас они открываются в новой вкладке)
Выполнено
5 Кнопка "оставить отзыв" не работает
выполнено
6 Кнопка "добавить к сравнению " не работает
Кнопка не работает но после нажатия перекидывает на основную страницу, надо чтобы можно было остаться в модальном окне
7 "Быстрый заказ " вызывает форму заполнения на задний план модального окна
Выполнено
8 В СПИСКАХ При наведении на товарную позицию, хотелось бы чтобы предлагались другие картинки для просмотра
не выполнено
9 Убрать увеличение при наведении в СПИСКАХ
не выполнено

Наверх

#67 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Подскажите, как можно поработать с элементами модального окна?

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

Наверх

#68 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Хотелось бы поставить быстрый просмотр в список "СПИСОК

Хотелось бы поставить быстрый просмотр в список "СПИСОК

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

Наверх

#69 Сake

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

Модератоpы
5 979 сообщений

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

Coffee (22 Август 2014 - 08:03) писал:

ПОмогите разобраться, иногда (странно что иногда) в модальном окне при нажатии на В КОРЗИНУ появляется подобное сообщение Прикрепленный файл

Новый.jpg

Попробуйте очистить кэш в браузере, так как ранее мы данный вопрос с вами уже решали в сообщении http://forum.storela..._60#entry153876 повторно воспроизвести проблему не удается.

Наверх

#70 Сake

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

Модератоpы
5 979 сообщений

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

sotil (22 Август 2014 - 08:21) писал:

Модальное окно меня устраивает, необходимо ,
1 чтобы заработала кнопка "в корзину", заработала как подобает (не перекидывала в корзину),
Выполнено
2 чтобы заработали стрелки счётчка
Выполнено
3 Добавить кнопку "перейти на основную страницу товара"
Выполнено
4 Чтобы изображения в модальном окне открывались так же как на основной странице (сейчас они открываются в новой вкладке)
Выполнено
5 Кнопка "оставить отзыв" не работает
выполнено
6 Кнопка "добавить к сравнению " не работает
Кнопка не работает но после нажатия перекидывает на основную страницу, надо чтобы можно было остаться в модальном окне
7 "Быстрый заказ " вызывает форму заполнения на задний план модального окна
Выполнено
8 В СПИСКАХ При наведении на товарную позицию, хотелось бы чтобы предлагались другие картинки для просмотра
не выполнено
9 Убрать увеличение при наведении в СПИСКАХ
не выполнено

6. В файле main.js найдите следующий код

// Кнопка добавления товара на сравнение сравнения товаров
function addGoodsCompareEvent()
{
  $('.goodsDataCompareButton') .click(function () {
		window.location.href = $(this) .attr('rel') + ($(this) .attr('rel') .indexOf('?') > - 1 ? '&' : '?') +
		'id=' +
		$('.goodsDataMainModificationId') .val() +
		'&from=' +
		$('input[name="form[goods_from]"]') .val();
		return false;
  });
}

и замените его на

// Кнопка добавления товара на сравнение сравнения товаров
function addGoodsCompareEvent()
{
  $('.goodsDataCompareButton') .click(function () {
	var href = $(this) .attr('rel') + ($(this) .attr('rel') .indexOf('?') > - 1 ? '&' : '?') +
	'id=' +
	$('.goodsDataMainModificationId') .val() +
	'&from=' +
	$('input[name="form[goods_from]"]') .val();
	$.get(href, function () {
	  var nvis = $('.goodsDataCompareButton:not(:visible)');
	  $('.goodsDataCompareButton:visible') .hide();
	  nvis.show();
	  $.get(location.href, function (html) {
		$('.contentTbodyCompare') .html($(html) .find('.contentTbodyCompare') .html());
	  });
	});
	return false;
  });
}

9. Попробуйте очистить кэш в вашем браузере, так как в списке увеличение при наведении у вас не происходит. Ранее для этого вы добавляли в файл стилей main.css

.listing .goods_images_list {
  display: none !important;
}

sotil (22 Август 2014 - 09:07) писал:

Подскажите, как можно поработать с элементами модального окна?

В файле main.js найдите код

$('.arcticmodal-container .goodsDataMainModificationArtNumber')
.after($('<p>').append($('<a>').attr('href', url).addClass('page-prd').text('Перейти на основную страницу товара')));

и замените его на

$('.arcticmodal-container .page-headline')
.after($('<p>').append($('<a>').attr('href', url).addClass('page-prd').text('Перейти на основную страницу товара')));

далее в самый конец файла стилей main.css добавьте код

.arcticmodal-container .page-headline {
  height: auto;
  padding: 0;
}
.arcticmodal-container .page-prd {
  background: #ffbce6;
  border: 1px solid;
  display: block;
  margin: 0 auto;
  padding: 2px;
  text-align: center;
  width: 240px;
}
.arcticmodal-container .arcticmodal-container_i {
  margin: 25px auto 0;
}
.arcticmodal-container .box-modal {
  position: relative;
}
.arcticmodal-container .arcticmodal-close {
  background: #343434;
  border: 1px solid #fff;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: -35px;
  text-align: center;
  top: -40px;
  width: 30px;
}

sotil (22 Август 2014 - 10:00) писал:

Хотелось бы поставить быстрый просмотр в список "СПИСОК

В шаблоне "Товары" найдите код

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="position: absolute;top: 45px;">
				<p>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />

				<div class="numeric_input">
					<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
						   /><div style="margin-top: 2px;">
						<input type="button" class="up_button"
							   onclick="this.parentNode.previousSibling.value++" />
						<input type="button" class="down_button"
							   onclick="if(parseInt(this.parentNode.previousSibling.value))
										   this.parentNode.previousSibling.value--" />
					</div>
				</div>
				<div class="clear"></div>
				<a class="readmore3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit();
						return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>
				</p>
			</form>

и замените его на

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="position: absolute;top: 45px;">
				<p>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />

				<div class="numeric_input">
					<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
						   /><div style="margin-top: 2px;">
						<input type="button" class="up_button"
							   onclick="this.parentNode.previousSibling.value++" />
						<input type="button" class="down_button"
							   onclick="if(parseInt(this.parentNode.previousSibling.value))
										   this.parentNode.previousSibling.value--" />
					</div>
				</div>
				<div class="clear"></div>
				<a class="readmore3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit();
						return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>
				</p>
			</form>
<div class="fastview" style="display: block;">
  <a href="{goods.URL}" onClick="QuickLook('{goods.URL}');  return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>

Наверх

#71 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Цитата

<div class="fastview" style="display: block;">
<a href="{goods.URL}" onClick="QuickLook('{goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>
[/CODE]

Скажите, можно ли сделать кнопку быстрый просмотр в списке "Список" появляющейся при наведении на товарный блок и помстить её внизу картинки как на картинке, и чтобы кнопка "быстрый просмотр" в списке "Таблица" осталась нетронутой

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

Наверх

#72 Danil

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

Пользователи
4 645 сообщений

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

sotil (23 Август 2014 - 10:53) писал:

[color=#282828][font=helvetica, arial, sans-serif]

Скажите, можно ли сделать кнопку быстрый просмотр в списке "Список" появляющейся при наведении на товарный блок и помстить её внизу картинки как на картинке, и чтобы кнопка "быстрый просмотр" в списке "Таблица" осталась нетронутой

Здравствуйте.
В шаблоне товары найдите и удалите код.

<div class="fastview" style="display: block;">
<a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>

Далее там же найдите код

<!-- Список товаров. Список -->
<div class="u-lproducts">
{% FOR goods %}
<div class="listing ulproducts prod-inp{goods.ID}" style="margin-bottom: 10px;">
	 <div class="imagem"><div class="prd-image">
			 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
			 <div class="goods_images_list">
				 {% FOR images %}
				 <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
					 {% ENDFOR %}
			 </div>
		 </div></div>

И замените его на

<!-- Список товаров. Список -->
<div class="u-lproducts">
{% FOR goods %}
<div class="listing ulproducts prod-inp{goods.ID}" style="margin-bottom: 10px;">
	 <div class="imagem">
	 <div class="prd-image">
			 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
			 <div class="goods_images_list">
				 {% FOR images %}
				 <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
					 {% ENDFOR %}
			 </div>
		 </div>
			 <div class="fastview hid">
			 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
			 </div>
		 </div>

Далее зайдите в main.css и добавьте код

.hid{
display:none;
}

И еще добавьте

.listing.ulproducts:hover .hid{
display:block;
}

Наверх

#73 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Скрытый текст

Danil (23 Август 2014 - 11:36) писал:

Здравствуйте.
В шаблоне товары найдите и удалите код.

<div class="fastview" style="display: block;">
<a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>

Далее там же найдите код

<!-- Список товаров. Список -->
<div class="u-lproducts">
{% FOR goods %}
<div class="listing ulproducts prod-inp{goods.ID}" style="margin-bottom: 10px;">
	 <div class="imagem"><div class="prd-image">
			 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
			 <div class="goods_images_list">
				 {% FOR images %}
				 <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
					 {% ENDFOR %}
			 </div>
		 </div></div>

И замените его на

<!-- Список товаров. Список -->
<div class="u-lproducts">
{% FOR goods %}
<div class="listing ulproducts prod-inp{goods.ID}" style="margin-bottom: 10px;">
	 <div class="imagem">
	 <div class="prd-image">
			 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
			 <div class="goods_images_list">
				 {% FOR images %}
				 <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
					 {% ENDFOR %}
			 </div>
		 </div>
			 <div class="fastview hid">
			 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
			 </div>
		 </div>

Далее зайдите в main.css и добавьте код

.hid{
display:none;
}

И еще добавьте

.listing.ulproducts:hover .hid{
display:block;
}

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

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

Наверх

#74 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Спасибо, Cake! всё получилоcь хорошо

Остался ещё не решёный:

8 В СПИСКАХ При наведении на товарную позицию, хотелось бы чтобы предлагались другие картинки для просмотра

Надо чтобы блок изначально был минимальным, а при наведении на блок , он расширялся, как на картинке.
При этом смежные блоки остаются на месте. Активный блок расширяется накрывая смежные.

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

Наверх

#75 Danil

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

Пользователи
4 645 сообщений

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

sotil (23 Август 2014 - 12:22) писал:

[spoiler]

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

В шаблоне товары найдите и вырежьте код

<div class="fastview hid">
						 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
						 </div>

Далее вставьте его перед кодом который находиться на 171 строке

<div class="clr"></div>

Далее в main.css найдите код

.hid {
display: none;
}

И замените на

.hid {
display: none;
float: left;
}

Там же найдите код

.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}

И замените на

.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
min-height:131px;
}

Наверх

#76 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Danil (23 Август 2014 - 12:40) писал:

Скрытый текст

В шаблоне товары найдите и вырежьте код

<div class="fastview hid">
						 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
						 </div>

Далее вставьте его перед кодом который находиться на 171 строке

<div class="clr"></div>

Далее в main.css найдите код

.hid {
display: none;
}

И замените на

.hid {
display: none;
float: left;
}

Там же найдите код

.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}

И замените на

.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
min-height:131px;
}

Кнопка исчезла

Наверх

#77 Danil

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

Пользователи
4 645 сообщений

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

sotil (23 Август 2014 - 13:02) писал:

Кнопка исчезла

Добавьте

</div>

перед кодом в шаблоне товары

<div class="fastview hid">
						 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
						 </div>

Далее в main.css вставьте код

.listing.ulproducts:hover .hid{
display:block;
}

Наверх

#78 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Danil (23 Август 2014 - 13:32) писал:

Добавьте

</div>

перед кодом в шаблоне товары

<div class="fastview hid">
						 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
						 </div>

Далее в main.css вставьте код

.listing.ulproducts:hover .hid{
display:block;
}

Нехорошо выглядит, и прыгает всё и элементы лишние и беспорядок

Здесь вообще беспорядок, словами не описать

Наверх

#79 Castiel

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

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

ГородНижний Новгород

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

sotil (23 Август 2014 - 14:42) писал:

Нехорошо выглядит, и прыгает всё и элементы лишние и беспорядок

Здесь вообще беспорядок, словами не описать

Здравствуйте, попробуйте такой вариант
В шаблоне Товары
Находим

	<!-- Список товаров. Список -->
<div class="u-lproducts">
{% FOR goods %}
<div class="listing ulproducts prod-inp{goods.ID}" style="margin-bottom: 10px;">
		 <div class="imagem">
		 <div class="prd-image">
						 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
						 <div class="goods_images_list">
								 {% FOR images %}
								 <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
										 {% ENDFOR %}
						 </div>
				 </div>
						
				 </div>
		<div class="contm">
			<h3 style="font-size:13px;height: 40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<div class="art_number"> арт. {goods.ART_NUMBER} </div>
		   
				<!-- Доступность товара -->
				{% IF goods.MAX_REST_VALUE=0 %}
			 <div class="goodsDataMainModificationAvailable">
				<div rel="false" class="available-false" style="padding:0px;margin-left: 4px;background: none repeat scroll 0 0 #;margin-right: 4px;color: #909090;font-weight: bold;float:left;">под заказ</div>
			</div>
			{% ENDIF %}
			{% IF goods.MAX_REST_VALUE>0 %}
			  <div class="goodsDataMainModificationAvailable">
				<div rel="true" class="available-true" style="padding:0px;background: none repeat scroll 0 0 #;  margin-left: 4px;margin-right: 4px; color: #676767 ;font-weight: bold;float:left;">в наличии</div>
			</div> 
			{% ENDIF %}
			<p style="margin:-3px 0px 0px 200px;">
				Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			</p>
			<!-- Доступность товара -->
			<h6>{goods.DESCRIPTION_SHORT}</h6>
		   
			<span style="display: none;">
				<table class="goodsDataFeatures{goods.ID}">
					<tr>
						{% FOR goods_attr_list%}
						<td>
							<p><span>{goods.goods_attr_list.NAME}</span></p>
						</td>
						<td>
							{goods.goods_attr_list.VALUE}
						</td>
						{% ENDFOR %}
					</tr>
				</table>
			</span>
			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="position: absolute;top: 45px;">
								<p>
										<input type="hidden" name="hash" value="{HASH}" />
										<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
										<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
								<div class="numeric_input">
										<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
												   /><div style="margin-top: 2px;">
												<input type="button" class="up_button"
														   onclick="this.parentNode.previousSibling.value++" />
												<input type="button" class="down_button"
														   onclick="if(parseInt(this.parentNode.previousSibling.value))
																				   this.parentNode.previousSibling.value--" />
										</div>
								</div>
								<div class="clear"></div>
								<a class="readmore3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit();
												return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>
								</p>
						</form>
						</div>
<div class="fastview hid">
						 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
						 </div>
																																																																	 </div>
		<div class="clr"></div>
	</div>
	<script>
		var min{goods.ID} = $('.goodsDataFeatures{goods.ID} p span').map(function() {
			if($(this).text().indexOf('min.') !== -1) {
				return(parseInt($(this).closest('td').next().text()));
			}
		}).get(0);
		if(min{goods.ID}) {
			$('.goodsDataFeatures{goods.ID}').closest('.prod-inp{goods.ID}').find('.numeric_input > input').keydown(
					function(event, down) {
						var current = Math.ceil(parseInt($(this).val()) / min{goods.ID}) * min{goods.ID};
						var value = down ? (current - min{goods.ID}) : current;
						$(this).val(value < min{goods.ID} ? min{goods.ID} : value);
						return(false);
					}).val(min{goods.ID});
			$('.up_button, .down_button').click(function() {
				$(this).closest('.prod-inp{goods.ID}').find('.numeric_input > input').trigger('keydown', $(this)
						.hasClass('down_button'));
				return(false);
			});
		}
	</script>
	{% ENDFOR %}
	</div>
	<!-- /Список товаров. Список -->

Заменяем на

	<!-- Список товаров. Список -->
<div class="u-lproducts">
{% FOR goods %}
<div class="listing ulproducts prod-inp{goods.ID}" style="margin-bottom: 10px;">
		  <div class="imagem">
		  <div class="prd-image">
						 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
						 <div class="goods_images_list">
								 {% FOR images %}
								 <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
										 {% ENDFOR %}
						 </div>
		  </div>
		  </div>
		<div class="contm">
			<h3 style="font-size:13px;height: 40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<div class="art_number"> арт. {goods.ART_NUMBER} </div>
		   
			<!-- Доступность товара -->
			{% IF goods.MAX_REST_VALUE=0 %}
			  <div class="goodsDataMainModificationAvailable">
				<div rel="false" class="available-false" style="padding:0px;margin-left: 4px;background: none repeat scroll 0 0 #;margin-right: 4px;color: #909090;font-weight: bold;float:left;">под заказ</div>
			</div>
			{% ENDIF %}
			{% IF goods.MAX_REST_VALUE>0 %}
			  <div class="goodsDataMainModificationAvailable">
				<div rel="true" class="available-true" style="padding:0px;background: none repeat scroll 0 0 #;  margin-left: 4px;margin-right: 4px; color: #676767 ;font-weight: bold;float:left;">в наличии</div>
			  </div> 
			{% ENDIF %}
			<p style="margin:-3px 0px 0px 200px;">Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></p>
			<!-- Доступность товара -->
			<h6>{goods.DESCRIPTION_SHORT}</h6>
		   
			<span style="display: none;">
				<table class="goodsDataFeatures{goods.ID}">
					<tr>
						{% FOR goods_attr_list%}
						<td>
							<p><span>{goods.goods_attr_list.NAME}</span></p>
						</td>
						<td>
							{goods.goods_attr_list.VALUE}
						</td>
						{% ENDFOR %}
					</tr>
				</table>
			</span>
			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="position: absolute;top: 45px;">
								<p>
								  <input type="hidden" name="hash" value="{HASH}" />
								  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
								  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
								<div class="numeric_input">
										<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"/>
										<div style="margin-top: 2px;">
											<input type="button" class="up_button" onclick="this.parentNode.previousSibling.value++" />
											<input type="button" class="down_button" onclick="if(parseInt(this.parentNode.previousSibling.value)) this.parentNode.previousSibling.value--" />
										</div>
								</div>
								<div class="clear"></div>
								  <a class="readmore3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>
								</p>
			</form>
</div>
<div class="fastview hid">
						 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
						 </div>
																																																																	 </div>
<div class="clr"></div>
 
	{% ENDFOR %}
   
	<script>
		var min{goods.ID} = $('.goodsDataFeatures{goods.ID} p span').map(function() {
			if($(this).text().indexOf('min.') !== -1) {
				return(parseInt($(this).closest('td').next().text()));
			}
		}).get(0);
		if(min{goods.ID}) {
			$('.goodsDataFeatures{goods.ID}').closest('.prod-inp{goods.ID}').find('.numeric_input > input').keydown(
					function(event, down) {
						var current = Math.ceil(parseInt($(this).val()) / min{goods.ID}) * min{goods.ID};
						var value = down ? (current - min{goods.ID}) : current;
						$(this).val(value < min{goods.ID} ? min{goods.ID} : value);
						return(false);
					}).val(min{goods.ID});
			$('.up_button, .down_button').click(function() {
				$(this).closest('.prod-inp{goods.ID}').find('.numeric_input > input').trigger('keydown', $(this)
						.hasClass('down_button'));
				return(false);
			});
		}
	</script>
		</div>
	</div>
	<!-- /Список товаров. Список -->

В main.css
Находим и удаляем

.u-lproducts > div {
clear: none !important;
}

Находим в main.css

.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
min-height: 131px;
}

Заменяем на

.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
min-height: 181px;
}

Наверх

#80 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Castiel (23 Август 2014 - 15:32) писал:

Здравствуйте, попробуйте такой вариант
В шаблоне Товары
Находим

<!-- Список товаров. Список -->
<div class="u-lproducts">
{% FOR goods %}
<div class="listing ulproducts prod-inp{goods.ID}" style="margin-bottom: 10px;">
		 <div class="imagem">
		 <div class="prd-image">
						 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
						 <div class="goods_images_list">
								 {% FOR images %}
								 <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
										 {% ENDFOR %}
						 </div>
				 </div>
						
				 </div>
	 <div class="contm">
		 <h3 style="font-size:13px;height: 40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
		 <div class="art_number"> арт. {goods.ART_NUMBER} </div>
		
			 <!-- Доступность товара -->
			 {% IF goods.MAX_REST_VALUE=0 %}
			 <div class="goodsDataMainModificationAvailable">
			 <div rel="false" class="available-false" style="padding:0px;margin-left: 4px;background: none repeat scroll 0 0 #;margin-right: 4px;color: #909090;font-weight: bold;float:left;">под заказ</div>
		 </div>
		 {% ENDIF %}
		 {% IF goods.MAX_REST_VALUE>0 %}
			 <div class="goodsDataMainModificationAvailable">
			 <div rel="true" class="available-true" style="padding:0px;background: none repeat scroll 0 0 #; margin-left: 4px;margin-right: 4px; color: #676767 ;font-weight: bold;float:left;">в наличии</div>
		 </div>
		 {% ENDIF %}
		 <p style="margin:-3px 0px 0px 200px;">
			 Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
		 </p>
		 <!-- Доступность товара -->
		 <h6>{goods.DESCRIPTION_SHORT}</h6>
		
		 <span style="display: none;">
			 <table class="goodsDataFeatures{goods.ID}">
				 <tr>
					 {% FOR goods_attr_list%}
					 <td>
						 <p><span>{goods.goods_attr_list.NAME}</span></p>
					 </td>
					 <td>
						 {goods.goods_attr_list.VALUE}
					 </td>
					 {% ENDFOR %}
				 </tr>
			 </table>
		 </span>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="position: absolute;top: 45px;">
							 <p>
									 <input type="hidden" name="hash" value="{HASH}" />
									 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
									 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
							 <div class="numeric_input">
									 <input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
												 /><div style="margin-top: 2px;">
											 <input type="button" class="up_button"
														 onclick="this.parentNode.previousSibling.value++" />
											 <input type="button" class="down_button"
														 onclick="if(parseInt(this.parentNode.previousSibling.value))
																				 this.parentNode.previousSibling.value--" />
									 </div>
							 </div>
							 <div class="clear"></div>
							 <a class="readmore3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit();
											 return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>
							 </p>
					 </form>
					 </div>
<div class="fastview hid">
						 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
						 </div>
																																																																	 </div>
	 <div class="clr"></div>
</div>
<script>
	 var min{goods.ID} = $('.goodsDataFeatures{goods.ID} p span').map(function() {
		 if($(this).text().indexOf('min.') !== -1) {
			 return(parseInt($(this).closest('td').next().text()));
		 }
	 }).get(0);
	 if(min{goods.ID}) {
		 $('.goodsDataFeatures{goods.ID}').closest('.prod-inp{goods.ID}').find('.numeric_input > input').keydown(
				 function(event, down) {
					 var current = Math.ceil(parseInt($(this).val()) / min{goods.ID}) * min{goods.ID};
					 var value = down ? (current - min{goods.ID}) : current;
					 $(this).val(value < min{goods.ID} ? min{goods.ID} : value);
					 return(false);
				 }).val(min{goods.ID});
		 $('.up_button, .down_button').click(function() {
			 $(this).closest('.prod-inp{goods.ID}').find('.numeric_input > input').trigger('keydown', $(this)
					 .hasClass('down_button'));
			 return(false);
		 });
	 }
</script>
{% ENDFOR %}
</div>
<!-- /Список товаров. Список -->

Заменяем на

<!-- Список товаров. Список -->
<div class="u-lproducts">
{% FOR goods %}
<div class="listing ulproducts prod-inp{goods.ID}" style="margin-bottom: 10px;">
		 <div class="imagem">
		 <div class="prd-image">
						 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
						 <div class="goods_images_list">
								 {% FOR images %}
								 <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
										 {% ENDFOR %}
						 </div>
		 </div>
		 </div>
	 <div class="contm">
		 <h3 style="font-size:13px;height: 40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
		 <div class="art_number"> арт. {goods.ART_NUMBER} </div>
		
		 <!-- Доступность товара -->
		 {% IF goods.MAX_REST_VALUE=0 %}
			 <div class="goodsDataMainModificationAvailable">
			 <div rel="false" class="available-false" style="padding:0px;margin-left: 4px;background: none repeat scroll 0 0 #;margin-right: 4px;color: #909090;font-weight: bold;float:left;">под заказ</div>
		 </div>
		 {% ENDIF %}
		 {% IF goods.MAX_REST_VALUE>0 %}
			 <div class="goodsDataMainModificationAvailable">
			 <div rel="true" class="available-true" style="padding:0px;background: none repeat scroll 0 0 #; margin-left: 4px;margin-right: 4px; color: #676767 ;font-weight: bold;float:left;">в наличии</div>
			 </div>
		 {% ENDIF %}
		 <p style="margin:-3px 0px 0px 200px;">Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></p>
		 <!-- Доступность товара -->
		 <h6>{goods.DESCRIPTION_SHORT}</h6>
		
		 <span style="display: none;">
			 <table class="goodsDataFeatures{goods.ID}">
				 <tr>
					 {% FOR goods_attr_list%}
					 <td>
						 <p><span>{goods.goods_attr_list.NAME}</span></p>
					 </td>
					 <td>
						 {goods.goods_attr_list.VALUE}
					 </td>
					 {% ENDFOR %}
				 </tr>
			 </table>
		 </span>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="position: absolute;top: 45px;">
							 <p>
								 <input type="hidden" name="hash" value="{HASH}" />
								 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
								 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
							 <div class="numeric_input">
									 <input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"/>
									 <div style="margin-top: 2px;">
										 <input type="button" class="up_button" onclick="this.parentNode.previousSibling.value++" />
										 <input type="button" class="down_button" onclick="if(parseInt(this.parentNode.previousSibling.value)) this.parentNode.previousSibling.value--" />
									 </div>
							 </div>
							 <div class="clear"></div>
								 <a class="readmore3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>
							 </p>
		 </form>
</div>
<div class="fastview hid">
						 <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
						 </div>
																																																																	 </div>
<div class="clr"></div>

{% ENDFOR %}

<script>
	 var min{goods.ID} = $('.goodsDataFeatures{goods.ID} p span').map(function() {
		 if($(this).text().indexOf('min.') !== -1) {
			 return(parseInt($(this).closest('td').next().text()));
		 }
	 }).get(0);
	 if(min{goods.ID}) {
		 $('.goodsDataFeatures{goods.ID}').closest('.prod-inp{goods.ID}').find('.numeric_input > input').keydown(
				 function(event, down) {
					 var current = Math.ceil(parseInt($(this).val()) / min{goods.ID}) * min{goods.ID};
					 var value = down ? (current - min{goods.ID}) : current;
					 $(this).val(value < min{goods.ID} ? min{goods.ID} : value);
					 return(false);
				 }).val(min{goods.ID});
		 $('.up_button, .down_button').click(function() {
			 $(this).closest('.prod-inp{goods.ID}').find('.numeric_input > input').trigger('keydown', $(this)
					 .hasClass('down_button'));
			 return(false);
		 });
	 }
</script>
	 </div>
</div>
<!-- /Список товаров. Список -->

В main.css
Находим и удаляем

.u-lproducts > div {
clear: none !important;
}

Находим в main.css

.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
min-height: 131px;
}

Заменяем на

.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
min-height: 181px;
}

js ошибка при нажатии на кнопку

Наверх

Обратно в Каталог товаров

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

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

Быстрый Просмотр

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

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

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

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

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

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

Войти

Google поиск