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


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


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

#41 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Попробовал ещё раз на НОВИНКАХ, выглядит нехорошо и быстрый просмотр перекидывет на страницу товара и показывает ошибку JS

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

  • новинки.png


#42 Coffee

Coffee

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

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

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

Просмотр сообщенияСake (14 Август 2014 - 01:15) писал:

Проблема в том что требуемые события не добавляются. Понадобится внести большие изменения в файл main.js. Судя по вашему файлу main.js он сжат, что затрудняет внесение изменений. У вас исходный код остался? Если изменений до QuickLook не вносилось, то возможно подойдет стандартный main.js из используемой вами темы оформления?

Да, конечно, файл сохранил. Сейчас поставит несжатый main.js. Проблема остается + регистрируется 1 js ошибка

#43 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Вот накидал примерно как хочется, чтобы выглядело

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

  • Блок.png


#44 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Ещё стоит код увеличения при  наведении на блок товара в списках, может он мешается, когда  функция "быстрый просмотр" всё таки заработает, это увеличение можно убрать. ПодскАжете как это сделать, когда всё таки дойдут руки до текущей темы?

#45 Сake

Сake

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

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

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

Просмотр сообщенияsotil (14 Август 2014 - 07:57) писал:

Попробовал ещё раз на НОВИНКАХ, выглядит нехорошо и быстрый просмотр перекидывет на страницу товара и показывает ошибку JS

У вас не загружен файл стилей. Скачайте файл jquery.arcticmodal-0.3.css и загрузите его в разделе Сайт -> Редактор шаблонов.

Просмотр сообщенияCoffee (14 Август 2014 - 08:35) писал:

Да, конечно, файл сохранил. Сейчас поставит несжатый main.js. Проблема остается + регистрируется 1 js ошибка

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

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


#46 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияСake (15 Август 2014 - 00:37) писал:

У вас загружен файл стилей. Скачайте файл jquery.arcticmodal-0.3.css и загрузите его в разделе Сайт -> Редактор шаблонов.



Закачал, заработал просмотр!
Теперь необходимо поработать с окном
1 Необходимо его уменьшить, чтобы не расплывалась на весь экран, а была размером с обычную страницу.
2 Окно прозрачное, надо сделать белый фон
3 надо поработать над товарными блоками в списках, как на картинке

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

  • Блок.png


#47 MikDark

MikDark

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

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

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

Просмотр сообщенияsotil (15 Август 2014 - 07:50) писал:

Закачал, заработал просмотр!
Теперь необходимо поработать с окном
1 Необходимо его уменьшить, чтобы не расплывалась на весь экран, а была размером с обычную страницу.
2 Окно прозрачное, надо сделать белый фон
3 надо поработать над товарными блоками в списках, как на картинке

1-2) В загруженном выше файле найдите:
.arcticmodal-container_i2 {
padding: 24px;
margin: 0;
border: 0;
vertical-align: middle;
}

и замените на:

.arcticmodal-container_i2 {
padding: 24px;
margin: 0;
border: 0;
vertical-align: middle;
background: #fff;
width: 300px;
}

3) В main.css ищем:
.goodsListItemBlock {
width: 220px !important;
text-align: center;
}

и меняем на:
.goodsListItemBlock {
width: 220px !important;
text-align: center;
cursor:pointer;
}


#48 Coffee

Coffee

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

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

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

Просмотр сообщенияСake (15 Август 2014 - 00:37) писал:

Попробуйте заменить содержимое вашего файла main.js на следующий код
Спасибо, так заработало! Последний вопрос! :) У меня в карточке товара картинка визуально улетает в корзину, здесь же всплывает еще одно модальное окно с предложением о быстром заказе: да, нет. В самом товаре стоит
<p id="add_to_cart"> <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="quickorder('.goodsDataForm');return false;" title="Быстрый заказ">В корзину</a></p>
		
, но здесь видимо ajax_add_to_cart_button add_to_cart_ph не работает как в товаре
Так вот, можно сделать, чтобы при онклик в корзину
1) в модальном окне окно просто пропадало
2)  и всего-лишь на время появлялось фраза "Товар в корзине" и исчезала?
Спасибо!

#49 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияMikDark (15 Август 2014 - 08:08) писал:

1-2) В загруженном выше файле найдите:
.arcticmodal-container_i2 {
padding: 24px;
margin: 0;
border: 0;
vertical-align: middle;
}

и замените на:

.arcticmodal-container_i2 {
padding: 24px;
margin: 0;
border: 0;
vertical-align: middle;
background: #fff;
width: 300px;
}

3) В main.css ищем:
.goodsListItemBlock {
width: 220px !important;
text-align: center;
}

и меняем на:
.goodsListItemBlock {
width: 220px !important;
text-align: center;
cursor:pointer;
}

Спасибо, окно заработало!
1 Единственное, можно ли как то сделать, чтобы курсор при наведении на крестик, становился рукой, а то сейчас он становится текстовым.

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

Стрелки счётчика не работают

2 В моём вопросе интерес не к cursor:pointer;, а к тому чтобы после добавления быстрого просмотра , поставить всё на свои места и сделать расширенный блок при наведении курсора в списках, как указано на картинке.
3 Нужно чтобы при наведении на товарную позицию, блок автоматически расширяется и в дополнительных полях , справа появляются другие изображения товара, снизу предлагается кнопка с быстрым просмотром. Как это должно выглядеть и работать изображено на картинках.
Дополнительные поля просто должны накладываться сверху на другие элементы смежные справа и снизу, не должно происходить никаких движений и дёрганий.

4 В корзине стрелки счётчика с'ехали с места вниз

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

  • Блок.png
  • доп картинки.png


#50 Сake

Сake

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

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

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

Просмотр сообщенияCoffee (15 Август 2014 - 11:20) писал:

Спасибо, так заработало! Последний вопрос! :) У меня в карточке товара картинка визуально улетает в корзину, здесь же всплывает еще одно модальное окно с предложением о быстром заказе: да, нет. В самом товаре стоит
<p id="add_to_cart"> <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="quickorder('.goodsDataForm');return false;" title="Быстрый заказ">В корзину</a></p>
		
, но здесь видимо ajax_add_to_cart_button add_to_cart_ph не работает как в товаре
Так вот, можно сделать, чтобы при онклик в корзину
1) в модальном окне окно просто пропадало
2)  и всего-лишь на время появлялось фраза "Товар в корзине" и исчезала?
Спасибо!

У вас на данный момент в карточке товара, при нажатии на кнопку купить - не появляется модальное окно с предложением быстрого заказа. Как я понимаю вы уже решили данный вопрос? Актуален ли ваш второй вопрос с появлением сообщения? По сути у вас плавающая корзина, где видно что товар добавился или нет.

Просмотр сообщенияsotil (15 Август 2014 - 22:05) писал:

Спасибо, окно заработало!
1 Единственное, можно ли как то сделать, чтобы курсор при наведении на крестик, становился рукой, а то сейчас он становится текстовым.

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

Стрелки счётчика не работают

2 В моём вопросе интерес не к cursor:pointer;, а к тому чтобы после добавления быстрого просмотра , поставить всё на свои места и сделать расширенный блок при наведении курсора в списках, как указано на картинке.
3 Нужно чтобы при наведении на товарную позицию, блок автоматически расширяется и в дополнительных полях , справа появляются другие изображения товара, снизу предлагается кнопка с быстрым просмотром. Как это должно выглядеть и работать изображено на картинках.
Дополнительные поля просто должны накладываться сверху на другие элементы смежные справа и снизу, не должно происходить никаких движений и дёрганий.

4 В корзине стрелки счётчика с'ехали с места вниз

Добавьте в ваш файл стилей jquery.arcticmodal-0.3.css

.arcticmodal-close {
  cursor: pointer;
  display: inline-block;
  padding: 2px;
}

далее найдите и удалите в шаблоне "HTML" код

<p style="margin-top: 20px" class="text-center">
  <a href="{index_page_new_goods.URL}" onClick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
</p>

далее найдите

<input type="hidden" name="hash" value="{HASH}" />
												<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
												<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
												<a class="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину"></a>
										</p>
								</form>

и замените на

<input type="hidden" name="hash" value="{HASH}" />
												<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
												<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
												<a class="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину"></a>
										</p>
								</form>
<div class="fastview">
  <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 добавьте

.fastview {
  background: #ffbce6;
  border: 1px solid #ff85d2;
  clear: both;
  display: none;
  margin: 0 auto;
  padding: 5px;
  width: 139px;
}
.goodsListItemBlock:hover .fastview {
  display: block;
}
.fastview:hover {
  background: #ffa6de;
}
.fastview a {
  color: #5c5a5a;
  text-decoration: none;
}

Далее вам необходимо определить какие элементы в модальном окне быстрого заказа должны остаться, а какие необходимо скрыть. Только после этого понадобится вносить большие дополнительные изменения в файл main.js аналогично изменениям пользователю Coffee.

#51 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияСake (16 Август 2014 - 02:12) писал:


Далее вам необходимо определить какие элементы в модальном окне быстрого заказа должны остаться, а какие необходимо скрыть. Только после этого понадобится вносить большие дополнительные изменения в файл main.js аналогично изменениям пользователю Coffee.

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

#52 Coffee

Coffee

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

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

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

Просмотр сообщенияСake (16 Август 2014 - 02:12) писал:

У вас на данный момент в карточке товара, при нажатии на кнопку купить - не появляется модальное окно с предложением быстрого заказа. Как я понимаю вы уже решили данный вопрос? Актуален ли ваш второй вопрос с появлением сообщения? По сути у вас плавающая корзина, где видно что товар добавился или нет.

C карточкой товара всё в порядке, я про быстрый просмотр на странице каталога товаров, когда
  • всплывает модальное окно
  • человек выбирает модификацию
  • жмёт в корзину
  • здесь вылезает еще одно модальное окно
вместо этого хотелось, чтобы просто arcticmodal исчез, и появилось ну скажем на 5 секунд сообщение Товар в корзине

#53 Coffee

Coffee

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

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

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

Просмотр сообщенияСake (16 Август 2014 - 02:12) писал:

У вас на данный момент в карточке товара, при нажатии на кнопку купить - не появляется модальное окно с предложением быстрого заказа. Как я понимаю вы уже решили данный вопрос? Актуален ли ваш второй вопрос с появлением сообщения? По сути у вас плавающая корзина, где видно что товар добавился или нет.

Извините, продублирую вопрос, потому что еще один появился

C карточкой товара всё в порядке, я про быстрый просмотр на странице каталога товаров, когда
  • всплывает модальное окно (по клику на "быстрый просмотр" в каталоге list-view)
  • человек выбирает модификацию
  • жмёт в корзину
  • здесь вылезает еще одно модальное окно
вместо этого хотелось, чтобы просто arcticmodal исчез, и появилось ну скажем на 5 секунд сообщение Товар в корзине

+ в модальном окне не работают кнопки + - для выбора количества товара

#54 Сake

Сake

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

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

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

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

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


#55 Сake

Сake

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

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

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

Просмотр сообщенияsotil (16 Август 2014 - 07:51) писал:

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

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

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


#56 Coffee

Coffee

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

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

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

Просмотр сообщенияСake (19 Август 2014 - 06:11) писал:

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

Спасибо, Cake! Теперь кол-во работает и окно с подтверждением тоже, но вот что странно:

1) я заметил после полной очистки истории вот это (при добавлении в корзину) whatisit.jpg . Появляется иногда. Странно.
2) число товаров в корзине не обновляется после добавления товара из модального окна.

#57 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияСake (19 Август 2014 - 06:28) писал:

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

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

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

#58 Сake

Сake

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

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

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

Просмотр сообщенияCoffee (19 Август 2014 - 09:58) писал:

Спасибо, Cake! Теперь кол-во работает и окно с подтверждением тоже, но вот что странно:

1) я заметил после полной очистки истории вот это (при добавлении в корзину) Прикрепленный файл whatisit.jpg. Появляется иногда. Странно.
2) число товаров в корзине не обновляется после добавления товара из модального окна.

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

$('.arcticmodal-container .ajax_add_to_cart_button')
  .removeAttr('onclick').click(function() {
		var form = $(this).closest('form');
		$.post(form.attr('action'), form.serializeArray(), function(html) {
		  var message = $(html).find('.messages');
		  if (message.length && message.find('.success').length) {
				$('.arcticmodal-close').trigger('click');
		  }
				  $.fancybox({
						content: message
				  });
				  setTimeout(function() {
						if ($('.fancybox-inner .messages').length) {
						  $('.fancybox-close').trigger('click');
						}
				  }, 5000);
		});
		return (false);
  });

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

$('.arcticmodal-container .ajax_add_to_cart_button') .removeAttr('onclick') .click(function () {
  var form = $(this) .closest('form');
  $.post(form.attr('action'), form.serializeArray(), function (html, textStatus, jqXHR) {
	var success = function (content) {
	  $('#header_shopping_cart:first').html($(content).find('#header_shopping_cart:first').html());
	  $('#cart_block_other_costs:first').html($(content).find('#cart_block_other_costs:first').html());
	  var message = $(content) .find('.messages');
	  if (message.length && message.find('.success') .length) {
		$('.arcticmodal-close') .trigger('click');
	  }
	  $.fancybox({
		content: message
	  });
	  setTimeout(function () {
		if ($('.fancybox-inner .messages') .length) {
		  $('.fancybox-close') .trigger('click');
		}
	  }, 5000);
	};
	if (html.indexOf('window.location') !== -1) {
	  $.get('/cart', $.proxy(function(success, html) {
		success(html);
	  }, this, success));
	} else {
	  success(html);
	}
  });
  return (false);
});


#59 Сake

Сake

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

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

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

Просмотр сообщенияsotil (19 Август 2014 - 13:00) писал:

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

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

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

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

div#nyroModalFull {
  z-index: 99999 !important;
}


#60 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияСake (20 Август 2014 - 01:19) писал:

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

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

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

div#nyroModalFull {
z-index: 99999 !important;
}
Модальное окно меня устраивает, необходимо ,
1 чтобы заработала кнопка "в корзину", заработала как подобает (не перекидывала в корзину),
Выполнено

2 чтобы заработали стрелки счётчка
Не выполнено
3 Добавить кнопку "перейти на основную страницу товара"
Кнопка не добавлена
4 Чтобы изображения в модальном окне открывались так же как на основной странице (сейчас они открываются в новой вкладке)
Выполнено

5 Кнопка "оставить отзыв" не работает
выполнено

6 Кнопка "добавить к сравнению " не работает
Кнопка не работает
7 "Быстрый заказ " вызывает форму заполнения на задний план модального окна
Выполнено

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




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

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