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


Как Добавить Корзину На Сайт

Автор Лариса7, 16 февр. 2017 12:41

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

#1 Лариса7

Лариса7

    Пользователь

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

Отправлено 16 Февраль 2017 - 12:43

Добрый день! Ранее убирали с сайта возможность добавить в корзину личный кабинет пользователя. Очень нужно вернуть эту функцию обратно, чтобы можно было сделать заказ через сайт. Как это сделать? Большое спасибо!

Просмотр сообщенияЛариса7 (16 Февраль 2017 - 12:41) писал:

Добрый день! Ранее убирали с сайта возможность добавить в корзину личный кабинет пользователя. Очень нужно вернуть эту функцию обратно, чтобы можно было сделать заказ через сайт. Как это сделать? Большое спасибо!

номер аккаунта SL- 386660

#2 MikDark

MikDark

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

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

Отправлено 16 Февраль 2017 - 13:28

Просмотр сообщенияЛариса7 (16 Февраль 2017 - 12:43) писал:

Добрый день! Ранее убирали с сайта возможность добавить в корзину личный кабинет пользователя. Очень нужно вернуть эту функцию обратно, чтобы можно было сделать заказ через сайт. Как это сделать? Большое спасибо!



номер аккаунта SL- 386660

Здравствуйте. В шаблоне main.css Вам нужно удалить код:
.block-cart {
	display: none;
}

а так же заменить:
.product-view .product-shop .add-to-box .wrap-qty {
	display: none;
	width: 100%;
	padding: 10px 0 20px;
}

на
.product-view .product-shop .add-to-box .wrap-qty {
	width: 100%;
	padding: 10px 0 20px;
}

#3 Лариса7

Лариса7

    Пользователь

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

Отправлено 16 Февраль 2017 - 13:45

Просмотр сообщенияMikDark (16 Февраль 2017 - 13:28) писал:

Здравствуйте. В шаблоне main.css Вам нужно удалить код:
.block-cart {
display: none;
}

а так же заменить:
.product-view .product-shop .add-to-box .wrap-qty {
display: none;
width: 100%;
padding: 10px 0 20px;
}

на
.product-view .product-shop .add-to-box .wrap-qty {
width: 100%;
padding: 10px 0 20px;
}

Просмотр сообщенияMikDark (16 Февраль 2017 - 13:28) писал:

Здравствуйте. В шаблоне main.css Вам нужно удалить код:
.block-cart {
display: none;
}

а так же заменить:
.product-view .product-shop .add-to-box .wrap-qty {
display: none;
width: 100%;
padding: 10px 0 20px;
}

на
.product-view .product-shop .add-to-box .wrap-qty {
width: 100%;
padding: 10px 0 20px;
}

Спасибо! На главной странице сайта появился значок корзины, а кнопки
"Добавить в корзину" рядом с товаром нет( как ее вернуть?

#4 MikDark

MikDark

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

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

Отправлено 16 Февраль 2017 - 15:13

Просмотр сообщенияЛариса7 (16 Февраль 2017 - 13:45) писал:

Спасибо! На главной странице сайта появился значок корзины, а кнопки
"Добавить в корзину" рядом с товаром нет( как ее вернуть?

Изменения Вам произвели

#5 Лариса7

Лариса7

    Пользователь

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

Отправлено 16 Февраль 2017 - 15:39

Просмотр сообщенияMikDark (16 Февраль 2017 - 15:13) писал:

Изменения Вам произвели


  • А как сделать чтобы возможность добавить в корзину и указать количество товара было на главной странице с товаром. Человек может не догадаться что нужно нажать на сам товар и только потом появится кнопка добавить в корзину


  • Спасибо большое!

#6 Лариса7

Лариса7

    Пользователь

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

Отправлено 16 Февраль 2017 - 15:44

Просмотр сообщенияЛариса7 (16 Февраль 2017 - 15:39) писал:

  • А как сделать чтобы возможность добавить в корзину и указать количество товара было на главной странице с товаром. Человек может не догадаться что нужно нажать на сам товар и только потом появится кнопка добавить в корзину
  • Спасибо большое!


И последний вопрос. В мобильной версии логтип с названием на главной странице перекрывает сменяющиеся слайды. Как сделать чтобы логтип в мобильной версии так же как и на компьютере либо меньшего размера и не мешал

#7 MikDark

MikDark

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

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

Отправлено 16 Февраль 2017 - 16:52

Просмотр сообщенияЛариса7 (16 Февраль 2017 - 15:44) писал:

И последний вопрос. В мобильной версии логтип с названием на главной странице перекрывает сменяющиеся слайды. Как сделать чтобы логтип в мобильной версии так же как и на компьютере либо меньшего размера и не мешал

Лучше данный логотип вообще убрать на мобильных, т.к. в том месте, в котором он стоит он при любом размере будет накладываться поверх слайда. Вам утроит это?

#8 Лариса7

Лариса7

    Пользователь

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

Отправлено 16 Февраль 2017 - 16:59

Просмотр сообщенияMikDark (16 Февраль 2017 - 16:52) писал:

Лучше данный логотип вообще убрать на мобильных, т.к. в том месте, в котором он стоит он при любом размере будет накладываться поверх слайда. Вам утроит это?

тогда давайте уберем, но только в мобильной версии)  

и про корзину.
  • А как сделать чтобы возможность добавить в корзину и указать количество товара было на главной странице с товаром. Человек может не догадаться что нужно нажать на сам товар и только потом появится кнопка добавить в корзину
  • Спасибо большое!

#9 Лариса7

Лариса7

    Пользователь

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

Отправлено 17 Февраль 2017 - 10:54

тогда давайте уберем логотип, но только в мобильной версии)  

и про корзину.
  • А как сделать чтобы возможность добавить в корзину и указать количество товара было на главной странице с товаром. Человек может не догадаться что нужно нажать на сам товар и только потом появится кнопка добавить в корзину
  • Спасибо большое!

#10 Stasya

Stasya

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

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

Отправлено 02 Март 2017 - 15:07

Просмотр сообщенияЛариса7 (17 Февраль 2017 - 10:54) писал:

тогда давайте уберем логотип, но только в мобильной версии)  

и про корзину.
  • А как сделать чтобы возможность добавить в корзину и указать количество товара было на главной странице с товаром. Человек может не догадаться что нужно нажать на сам товар и только потом появится кнопка добавить в корзину
  • Спасибо большое!

Здравствуйте. Простите за длительное ожидание ответа.
По поводу поля ввода количества товара, насколько я вижу Вы уже внесли какие-то изменения и добавили данное поле. Могу предложить Вам привести отображение к виду как на прикрепленном скриншоте. Для этого в файле main.css найдите блок 
.products-grid .item .actions {
	 bottom: -17px;
color: #ffffff;
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 1;
padding: 0px 0;
}
и замените его на 
.products-grid .item .actions {
/* bottom: -17px; */
color: #ffffff;
left: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
padding: 0px 0;
}
Далее в шаблоне Товары найдите блок 
<div class="actions">
						 {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}
						 <span class="button">Нет в наличии</span>
									 {% ELSE %}
										 <!--a class="add-cart quick button" title="Быстро оформить заказ">В корзину</a-->
				 <a class="add-cart button" title="В корзину">В корзину</a> <div class="qty-set">
				 <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')">
				 </div>
			 {% ENDIF %}
				 </div>
и замените его на 
<div class="actions">
						 {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}
						 <span class="button">Нет в наличии</span>
									 {% ELSE %}
<div class="qty-set">
<span class="quantity-minus fa fa-minus unselectable"></span>
<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')">
<span class="quantity-plus fa fa-plus unselectable"></span>
</div>
										 <!--a class="add-cart quick button" title="Быстро оформить заказ">В корзину</a-->
				 <a class="add-cart button" title="В корзину">В корзину</a>
			 {% ENDIF %}
				 </div>

Далее в конец файла main.css добавьте блок 
.item-inner .qty-set {/* display: inline-block; */margin-bottom: 10px;}
.item-inner .qty-set span {background: none;border: 1px solid #e5e6e6;width: 30px;margin: 0;padding: 0px;height: 30px;text-align: center;display: inline-block;line-height: 30px;color: #8b8b8b;}
.item-inner .qty-set span:hover {cursor: pointer;background: #18bd9c;color: #fff;}
.item-inner .qty-set input {height: 30px;padding: 0;margin: 0;vertical-align: middle;line-height: 30px;margin-top: -5px;width: 50px;text-align: center;}
.item-inner .action{padding:10px !important}

Чтобы убрать логотип с мобильных версий Вам необходимо в файле main.css найти строку 
@media all and (max-width: 767px) {
и чуть ниже ее найти строку 
.header-middle .logo {text-align: center;float: none;}
и замените ее на 
.header-middle .logo {display: none;}

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

  • Screenshot_168.jpg

#11 Лариса7

Лариса7

    Пользователь

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

Отправлено 02 Март 2017 - 15:13

Добрый день) да, спасибо большое) только в корзине для клиента отображается код (((как его убрать?)

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

  • 45332.jpg

#12 Лариса7

Лариса7

    Пользователь

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

Отправлено 02 Март 2017 - 15:18

Просмотр сообщенияStasya (02 Март 2017 - 15:07) писал:

Здравствуйте. Простите за длительное ожидание ответа.
По поводу поля ввода количества товара, насколько я вижу Вы уже внесли какие-то изменения и добавили данное поле. Могу предложить Вам привести отображение к виду как на прикрепленном скриншоте. Для этого в файле main.css найдите блок 
.products-grid .item .actions {
	 bottom: -17px;
color: #ffffff;
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 1;
padding: 0px 0;
}
и замените его на 
.products-grid .item .actions {
/* bottom: -17px; */
color: #ffffff;
left: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
padding: 0px 0;
}
Далее в шаблоне Товары найдите блок 
<div class="actions">
						 {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}
						 <span class="button">Нет в наличии</span>
									 {% ELSE %}
										 <!--a class="add-cart quick button" title="Быстро оформить заказ">В корзину</a-->
				 <a class="add-cart button" title="В корзину">В корзину</a> <div class="qty-set">
				 <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')">
				 </div>
			 {% ENDIF %}
				 </div>
и замените его на 
<div class="actions">
						 {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}
						 <span class="button">Нет в наличии</span>
									 {% ELSE %}
<div class="qty-set">
<span class="quantity-minus fa fa-minus unselectable"></span>
<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')">
<span class="quantity-plus fa fa-plus unselectable"></span>
</div>
										 <!--a class="add-cart quick button" title="Быстро оформить заказ">В корзину</a-->
				 <a class="add-cart button" title="В корзину">В корзину</a>
			 {% ENDIF %}
				 </div>

Далее в конец файла main.css добавьте блок 
.item-inner .qty-set {/* display: inline-block; */margin-bottom: 10px;}
.item-inner .qty-set span {background: none;border: 1px solid #e5e6e6;width: 30px;margin: 0;padding: 0px;height: 30px;text-align: center;display: inline-block;line-height: 30px;color: #8b8b8b;}
.item-inner .qty-set span:hover {cursor: pointer;background: #18bd9c;color: #fff;}
.item-inner .qty-set input {height: 30px;padding: 0;margin: 0;vertical-align: middle;line-height: 30px;margin-top: -5px;width: 50px;text-align: center;}
.item-inner .action{padding:10px !important}

Чтобы убрать логотип с мобильных версий Вам необходимо в файле main.css найти строку 
@media all and (max-width: 767px) {
и чуть ниже ее найти строку 
.header-middle .logo {text-align: center;float: none;}
и замените ее на 
.header-middle .logo {display: none;}


А с логотипом не получается, нет такой строчки в main.css (

#13 Stasya

Stasya

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

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

Отправлено 02 Март 2017 - 15:49

Просмотр сообщенияЛариса7 (02 Март 2017 - 15:18) писал:

А с логотипом не получается, нет такой строчки в main.css (
Произвела Вам изменения.

Просмотр сообщенияЛариса7 (02 Март 2017 - 15:13) писал:

Добрый день) да, спасибо большое) только в корзине для клиента отображается код (((как его убрать?)
В шаблоне Ajax- добавление товара в корзину найдите строку 
   < div style="display:none;"id="newCartCount">
и замените ее на 
   <div style="display:none;"id="newCartCount">

#14 Лариса7

Лариса7

    Пользователь

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

Отправлено 03 Март 2017 - 11:51

Просмотр сообщенияStasya (02 Март 2017 - 15:49) писал:

Произвела Вам изменения.

В шаблоне Ajax- добавление товара в корзину найдите строку 
< div style="display:none;"id="newCartCount">
и замените ее на 
<div style="display:none;"id="newCartCount">

не получается(((( все равно виден код(

#15 Stasya

Stasya

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

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

Отправлено 03 Март 2017 - 15:39

Просмотр сообщенияЛариса7 (03 Март 2017 - 11:51) писал:

не получается(((( все равно виден код(
Здравствуйте. Не обнаружила у Вас проделанных изменений. Внесла их Вам сама.

#16 Лариса7

Лариса7

    Пользователь

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

Отправлено 03 Март 2017 - 15:43

Просмотр сообщенияStasya (03 Март 2017 - 15:39) писал:

Здравствуйте. Не обнаружила у Вас проделанных изменений. Внесла их Вам сама.

Ооо, супер! Спасибо огромное!!!!
Обратно в Корзина


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

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

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