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


Корзина

Автор borisovd, 07 окт. 2013 23:51

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

#1 borisovd

borisovd

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

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

Отправлено 07 Октябрь 2013 - 23:51

Подскажите как сделать внешний вид корзины(на главной в шапке) как на сайте http://www.sapato.ru/
То есть одним значком и при наведении мыши всплывает ее содержимое. Короче нужно только внешнее сходство.

#2 Сake

Сake

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

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

Отправлено 08 Октябрь 2013 - 00:31

Подобный вопрос ранее рассматривался в следующей теме форума http://forum.storela...__20#entry75349

#3 borisovd

borisovd

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

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

Отправлено 08 Октябрь 2013 - 00:57

Спасибо) если будут вопросы напишу)

#4 borisovd

borisovd

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

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

Отправлено 08 Октябрь 2013 - 01:02

Просмотр сообщенияСake (08 Октябрь 2013 - 00:31) писал:

Подобный вопрос ранее рассматривался в следующей теме форума http://forum.storela...__20#entry75349
Ни чего не изменилось, только корзина в другую сторону ушла

#5 Сake

Сake

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

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

Отправлено 08 Октябрь 2013 - 04:58

Пожалуйста, отмените внесенные вами изменения (они сделаны немного не корректно). Отменить изменения можно восстановив шаблон из резервной копии. После начните выполнять инструкцию начиная с сообщения http://forum.storela...__60#entry83525

#6 borisovd

borisovd

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

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

Отправлено 08 Октябрь 2013 - 06:57

Просмотр сообщенияСake (08 Октябрь 2013 - 04:58) писал:

Пожалуйста, отмените внесенные вами изменения (они сделаны немного не корректно). Отменить изменения можно восстановив шаблон из резервной копии. После начните выполнять инструкцию начиная с сообщения http://forum.storela...__60#entry83525
Сделал, все равно не работает...:(

#7 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 01:17

Просмотр сообщенияСake (08 Октябрь 2013 - 04:58) писал:

Пожалуйста, отмените внесенные вами изменения (они сделаны немного не корректно). Отменить изменения можно восстановив шаблон из резервной копии. После начните выполнять инструкцию начиная с сообщения http://forum.storela...__60#entry83525
Помоги разобраться пожалуйста

#8 Сake

Сake

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

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

Отправлено 09 Октябрь 2013 - 02:13

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

#9 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 02:16

Просмотр сообщенияСake (09 Октябрь 2013 - 02:13) писал:

Сейчас у вас код вставлен правильно. Для проверки и возможно дальнейший изменений - необходима действующая категория с товарами. Достаточно будет 2-3 товара. На вашем сайте найти хоть один товар не представляется возможным, так как все категории пусты. Пожалуйста, добавьте товары на ваш сайт или сообщите ссылки на такие товары.
http://alver.storela...henskaya-obuv-2

#10 Сake

Сake

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

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

Отправлено 09 Октябрь 2013 - 05:20

Найдите в файле main.js следующий код

function updateCartInfo() {
$.get('/cart?only_body=1', function(html) {
if($(html).find('#shopping-cart-table tr').size()) {
								 $('.cart-count').html('Корзина '
								 + '<span class="count">' + $(html).find('#shopping-cart-table tbody > tr').size() + '</span> '
								 + $(html).find('.price .num').closest('.price').html());
		  
								 var item = $('<table class="cart-table cartForm">');
								 $(html).find('#shopping-cart-table tr').each(function() {
								 if($(this).find('td:eq(2)').length) {
																 var image = $('<td>').addClass('cart-image').append($(this).find('td:eq(1)').html());
																 var name = $('<td>').addClass('cart-name').append($(this).find('td:eq(2)').html());
																 var price = $('<td>').addClass('cart-price')
																 .append($(this).find('td:eq(5) .cart-price'))
																 .append($('<span class="prd-count">').append($(this).find('td:eq(4) .input-text').val() + ' шт.'));
																 item.append(($('<tr>').append(image).append(name).append(price)));
								 }
								 })
								 $('.cart-item').html(item);
								 $('.cart-total').html($(html).find('#shopping-cart-table tfoot tr:eq(1) td').html());
								 $('.cart-total').find('button').click(function() {
																 document.location = '/cart';
								 });
}
});
}

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

function updateCartInfo() {
$.get('/cart?only_body=1', function(html) {
   if($(html).find('.cartFormTable tr').size()) {
	  $('.cart-count').html('Корзина '
		  + '<span class="count">' + $(html).find('.cartFormTable tbody > tr').size() + '</span> '
								   + $(html).find('.cartFormTfootSum .cell2').html());
		  
	  var item = $('<table class="cart-table cartForm">');
	  $(html).find('.cartFormTable tbody > tr').each(function() {
		  if($(this).find('td:eq(2)').length) {
			 var image = $('<td>').addClass('cart-image').append($(this).find('td.cell1').html());
			 var name = $('<td>').addClass('cart-name').append($(this).find('td.cell2').html());
			 var price = $('<td>').addClass('cart-price')
				 .append($(this).find('td.cell5'))
				 .append($('<span class="prd-count">').append($(this).find('td.cell3 input').val() + ' шт.'));
			 item.append(($('<tr>').append(image).append(name).append(price)));
		  }
	  })
	  $('.cart-item').html(item);
	  $('.cart-total').html($(html).find('.cartFormTable tfoot > tr:eq(1) td').html());
	  $('.cart-total').find('input:last').click(function() {
			   document.location = '/cart';
	  });
	  $('.cart-total').find('input:first').click(function() {
			   updateCartInfo();
	  });
   }
});
}

#11 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 07:13

Просмотр сообщенияСake (09 Октябрь 2013 - 05:20) писал:

Найдите в файле main.js следующий код

function updateCartInfo() {
$.get('/cart?only_body=1', function(html) {
if($(html).find('#shopping-cart-table tr').size()) {
								 $('.cart-count').html('Корзина '
								 + '<span class="count">' + $(html).find('#shopping-cart-table tbody > tr').size() + '</span> '
								 + $(html).find('.price .num').closest('.price').html());
		
								 var item = $('<table class="cart-table cartForm">');
								 $(html).find('#shopping-cart-table tr').each(function() {
								 if($(this).find('td:eq(2)').length) {
																 var image = $('<td>').addClass('cart-image').append($(this).find('td:eq(1)').html());
																 var name = $('<td>').addClass('cart-name').append($(this).find('td:eq(2)').html());
																 var price = $('<td>').addClass('cart-price')
																 .append($(this).find('td:eq(5) .cart-price'))
																 .append($('<span class="prd-count">').append($(this).find('td:eq(4) .input-text').val() + ' шт.'));
																 item.append(($('<tr>').append(image).append(name).append(price)));
								 }
								 })
								 $('.cart-item').html(item);
								 $('.cart-total').html($(html).find('#shopping-cart-table tfoot tr:eq(1) td').html());
								 $('.cart-total').find('button').click(function() {
																 document.location = '/cart';
								 });
}
});
}

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

function updateCartInfo() {
$.get('/cart?only_body=1', function(html) {
if($(html).find('.cartFormTable tr').size()) {
	 $('.cart-count').html('Корзина '
		 + '<span class="count">' + $(html).find('.cartFormTable tbody > tr').size() + '</span> '
								 + $(html).find('.cartFormTfootSum .cell2').html());
		
	 var item = $('<table class="cart-table cartForm">');
	 $(html).find('.cartFormTable tbody > tr').each(function() {
		 if($(this).find('td:eq(2)').length) {
			 var image = $('<td>').addClass('cart-image').append($(this).find('td.cell1').html());
			 var name = $('<td>').addClass('cart-name').append($(this).find('td.cell2').html());
			 var price = $('<td>').addClass('cart-price')
				 .append($(this).find('td.cell5'))
				 .append($('<span class="prd-count">').append($(this).find('td.cell3 input').val() + ' шт.'));
			 item.append(($('<tr>').append(image).append(name).append(price)));
		 }
	 })
	 $('.cart-item').html(item);
	 $('.cart-total').html($(html).find('.cartFormTable tfoot > tr:eq(1) td').html());
	 $('.cart-total').find('input:last').click(function() {
			 document.location = '/cart';
	 });
	 $('.cart-total').find('input:first').click(function() {
			 updateCartInfo();
	 });
}
});
}
Работает, правда выглядит примитивно) Как сделать кнопку корзина как на сайте sapato.ru? то есть в картинке будет  обновляемая цифра количества товара

#12 empty9228

empty9228

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

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

Отправлено 09 Октябрь 2013 - 07:58

Здравствуйте! Вы хотите что бы ваша корзина была точно такой же, чтобы в внутри изображения была цифра, тогда увеличить нужно будет корзину и сделать цифру в кружке. Правильно?

#13 empty9228

empty9228

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

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

Отправлено 09 Октябрь 2013 - 08:25

Изображение корзины состоит из нескольких изображений и при увеличении становится видна не только корзина но и другие изображения. Вы можете загрузить своё изображение корзины и его можно будет увеличить, либо размер корзины и корзина останутся прежними и цифра, обозначающая количество товаров будет в находится в ней.
Чтоб загрузить новое изображение зайдите в редактор шаблонов, там добавьте своё изображение, потом зайдите в main.css с помощью поиска найдите строчку
.orderIcon						 {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;}
вместо orderIcons.png вставьте название своего загруженного изображения

#14 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 08:35

Просмотр сообщенияempty9228 (09 Октябрь 2013 - 08:25) писал:

Изображение корзины состоит из нескольких изображений и при увеличении становится видна не только корзина но и другие изображения. Вы можете загрузить своё изображение корзины и его можно будет увеличить, либо размер корзины и корзина останутся прежними и цифра, обозначающая количество товаров будет в находится в ней.
Чтоб загрузить новое изображение зайдите в редактор шаблонов, там добавьте своё изображение, потом зайдите в main.css с помощью поиска найдите строчку
.orderIcon						 {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;}
вместо orderIcons.png вставьте название своего загруженного изображения
ни чего не понял) можете еще раз объяснить подробнее)

#15 empty9228

empty9228

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

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

Отправлено 09 Октябрь 2013 - 08:51

)
У Вас есть следующие варианты:
1. Оставляете картинку прежнюю(изображение корзины), это стандартное изображение и увеличить его не получится
2. Вы загружаете свое изображение, которые выберете сами, его можно будет увеличить(я Вам инструкцию написал, как вставить новое изображение)
Вам решать)

А потом уже исходя из этого будем перемещать цифру с количеством товаров в корзине.

#16 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 08:57

хорошо) тогда сейчас поставлю большую иконку, и уберу текст который показывает цену и общее количество товаров в корзине) Сори туплю) утро ведь:)

#17 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 09:20

Просмотр сообщенияempty9228 (09 Октябрь 2013 - 08:51) писал:

)
У Вас есть следующие варианты:
1. Оставляете картинку прежнюю(изображение корзины), это стандартное изображение и увеличить его не получится
2. Вы загружаете свое изображение, которые выберете сами, его можно будет увеличить(я Вам инструкцию написал, как вставить новое изображение)
Вам решать)

А потом уже исходя из этого будем перемещать цифру с количеством товаров в корзине.
Сделал, осталось цифру засунуть) и потом еще напишу про косяки кода всплывающего окна с товарами

#18 empty9228

empty9228

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

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

Отправлено 09 Октябрь 2013 - 10:29

Нужно вывести количество товаров на экран, в редакторе шаблона HTML найдите строчку
<div class="cart-info">

после неё вставьте следующий код
<span>{CART_COUNT_TOTAL}</span>
Теперь у вас рядом с корзиной должно отображаться количество товаров, потом будем применять к этой цифре стили(размер, цвет...)

#19 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 10:34

Просмотр сообщенияempty9228 (09 Октябрь 2013 - 10:29) писал:

Нужно вывести количество товаров на экран, в редакторе шаблона HTML найдите строчку
<div class="cart-info">

после неё вставьте следующий код
<span>{CART_COUNT_TOTAL}</span>
Теперь у вас рядом с корзиной должно отображаться количество товаров, потом будем применять к этой цифре стили(размер, цвет...)
все сместилось... посмотри http://alver.storeland.ru/

#20 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 10:50

Просмотр сообщенияborisovd (09 Октябрь 2013 - 10:34) писал:

все сместилось... посмотри http://alver.storeland.ru/
ааааа, после)) а я вместо вставил:) ну сделал это, что дальше нужно?
Обратно в Главная


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

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

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