Кнопка "в Корзину"
#1
Отправлено 20 Июль 2013 - 14:41
Прошу помощи в реализации задуманного мной!
Для начала:
Мои аккаунт - SL-140658
Шаблон - Сияние
Что я хочу внедрить:
1) Увеличить длину кнопки "В корзину" в карточке каждого товара в полтора раза!
Сейчас она имеет вот такую длину:
2) Сделать так, чтобы ПОСЛЕ того, как человек добавил в корзину товар один раз, эта кнопка изменяла бы свое название на вот такое : "Добавить еще один в корзину". Это делается потому, что у меня очень многие клиенты по ошибке кладут в корзину два и три товара вместо одного (аудитория "домохозяйки"), а потом уходят, недооформив заказ, так ккак не знают как убрать лишнее количество.
Примечание: а) Как я и говорил, кнопка должна менять свое название ТОЛЬКО после того, как клиент ОДИН РАЗ нажмет ее, добавив товар в корзину!!!
б) Эта же кнопка,но на странице ДРУГОГО товара ( не того, который клиент УЖЕ ДОБАВИЛ в корзину) должна выглядеть как обычно, т.е "В корзину"
3) На главной странице цвет надписи "Ваша корзина" необходимо поменять на ФИОЛЕТОВЫЙ, а саму надпись сделать чуть крупнее чем все остальные надписи рядом!!! Прикрепляю скрин!
#2
Отправлено 20 Июль 2013 - 15:38
Вадим463 (20 Июль 2013 - 14:41) писал:
Прошу помощи в реализации задуманного мной!
Для начала:
Мои аккаунт - SL-140658
Шаблон - Сияние
Что я хочу внедрить:
1) Увеличить длину кнопки "В корзину" в карточке каждого товара в полтора раза!
Сейчас она имеет вот такую длину:
Кнопка.jpg
2) Сделать так, чтобы ПОСЛЕ того, как человек добавил в корзину товар один раз, эта кнопка изменяла бы свое название на вот такое : "Добавить еще один в корзину". Это делается потому, что у меня очень многие клиенты по ошибке кладут в корзину два и три товара вместо одного (аудитория "домохозяйки"), а потом уходят, недооформив заказ, так ккак не знают как убрать лишнее количество.
Примечание: а) Как я и говорил, кнопка должна менять свое название ТОЛЬКО после того, как клиент ОДИН РАЗ нажмет ее, добавив товар в корзину!!!
б) Эта же кнопка,но на странице ДРУГОГО товара ( не того, который клиент УЖЕ ДОБАВИЛ в корзину) должна выглядеть как обычно, т.е "В корзину"
Кнопка 2.jpg
3) На главной странице цвет надписи "Ваша корзина" необходимо поменять на ФИОЛЕТОВЫЙ, а саму надпись сделать чуть крупнее чем все остальные надписи рядом!!! Прикрепляю скрин!
Надпись.jpg
по 1) Найдите примерно такой код в шаблоне Товар:
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br />и замените в нем:
class="more-link"на:
class="more-link" style="width: 200px; background-size: 200px 60px;"
#3
Отправлено 20 Июль 2013 - 17:11
miyako (20 Июль 2013 - 15:38) писал:
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br />и замените в нем:
class="more-link"на:
class="more-link" style="width: 200px; background-size: 200px 60px;"
Сделал,получилось, а что насчет пунктов 2 и 3 моего сообщения?))
#4
Отправлено 21 Июль 2013 - 07:09
Вадим463 (20 Июль 2013 - 17:11) писал:
2) И само изображение тоже должно изменяться в зависимости от первого клика? Сейчас как я понимаю Вы убрали изменения из 1)
3) Найдите код в шаблоне HTML:
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>и замените на:
<li ><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME= =>ВАША КОРЗИНА<= %}style="background:blue;font-size:13px;" {%ENDIF%}>{menu.header.links.NAME}</a></li>при этом blue замените на Ваш цвет.
Если условие работать не будет, то измените название пункта меню в Сайт - Меню с =>ВАША КОРЗИНА<= на ВАША КОРЗИНА, аналогично и условие выше нужно будет изменить.
#5
Отправлено 21 Июль 2013 - 08:03
miyako (21 Июль 2013 - 07:09) писал:
3) Найдите код в шаблоне HTML:
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>и замените на:
<li ><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME= =>ВАША КОРЗИНА<= %}style="background:blue;font-size:13px;" {%ENDIF%}>{menu.header.links.NAME}</a></li>при этом blue замените на Ваш цвет.
Если условие работать не будет, то измените название пункта меню в Сайт - Меню с =>ВАША КОРЗИНА<= на ВАША КОРЗИНА, аналогично и условие выше нужно будет изменить.
Однако, допустимо просто увеличить ее размер раз и навсегда!
#6
Отправлено 22 Июль 2013 - 22:38
Копирую их ниже:
Как сделать так, чтобы ПОСЛЕ того, как человек добавил в корзину товар один раз, эта кнопка изменяла бы свое название на вот такое : "Добавить еще один в корзину". Это делается потому, что у меня очень многие клиенты по ошибке кладут в корзину два и три товара вместо одного (аудитория "домохозяйки"), а потом уходят, недооформив заказ, так ккак не знают как убрать лишнее количество.
Примечание: а) Как я и говорил, кнопка должна менять свое название ТОЛЬКО после того, как клиент ОДИН РАЗ нажмет ее, добавив товар в корзину!!!
б) Эта же кнопка,но на странице ДРУГОГО товара ( не того, который клиент УЖЕ ДОБАВИЛ в корзину) должна выглядеть как обычно, т.е "В корзину"
#7
Отправлено 23 Июль 2013 - 02:12
<script> $(function() { $('.goodsDataFormSubmitButton .more-link').text('Добавить еще один в корзину'); }); </script>
а в самое начало шаблона "Товар" вставьте
{% FOR cart_items %} {% IF cart_items.GOODS_ID = GOODS_ID %} <script> $(function() { $('.goodsDataFormSubmitButton .more-link').text('Добавить еще один в корзину'); }); </script> {break} {% ENDIF %} {% ENDFOR %}
#8
Отправлено 23 Июль 2013 - 20:53
Сake (23 Июль 2013 - 02:12) писал:
<script> $(function() { $('.goodsDataFormSubmitButton .more-link').text('Добавить еще один в корзину'); }); </script>
а в самое начало шаблона "Товар" вставьте
{% FOR cart_items %} {% IF cart_items.GOODS_ID = GOODS_ID %} <script> $(function() { $('.goodsDataFormSubmitButton .more-link').text('Добавить еще один в корзину'); }); </script> {break} {% ENDIF %} {% ENDFOR %}
1) У меня в карточке каждого товара две кнопки - верхняя "Положить в корзину", а ниже ее - "Купить в 1 клик". НЕОБХОДИМО, чтобы только ПЕРВАЯ кнопка меняла свое название после нажатия на нее!!!! Сейчас же они обе меняют свое название! Прикрепляю скрин того, как они выглядят в нормально состоянии и то, как они выглядят после нажатия на кнопку "В корзину"!!!
#9
Отправлено 24 Июль 2013 - 02:50
$('.goodsDataFormSubmitButton .more-link').text('Добавить еще один в корзину');
на
$('.goodsDataFormSubmitButton .more-link:first').text('Добавить еще один в корзину');
#10
Отправлено 24 Июль 2013 - 14:23
Vaccina (24 Июль 2013 - 02:50) писал:
$('.goodsDataFormSubmitButton .more-link').text('Добавить еще один в корзину');
на
$('.goodsDataFormSubmitButton .more-link:first').text('Добавить еще один в корзину');
То есть кнопка изменяет текст внутри нее, но либо с задержкой до 10 секунд!!!!Либо вообще после обновления страницы!
Как от этого избавиться? Хочется, чтобы она мгновенно изменяла свое название!!!
#11
Отправлено 24 Июль 2013 - 14:37
Вадим463 (22 Июль 2013 - 22:38) писал:
Копирую их ниже:
Как сделать так, чтобы ПОСЛЕ того, как человек добавил в корзину товар один раз, эта кнопка изменяла бы свое название на вот такое : "Добавить еще один в корзину". Это делается потому, что у меня очень многие клиенты по ошибке кладут в корзину два и три товара вместо одного (аудитория "домохозяйки"), а потом уходят, недооформив заказ, так ккак не знают как убрать лишнее количество.
Примечание: а) Как я и говорил, кнопка должна менять свое название ТОЛЬКО после того, как клиент ОДИН РАЗ нажмет ее, добавив товар в корзину!!!
б) Эта же кнопка,но на странице ДРУГОГО товара ( не того, который клиент УЖЕ ДОБАВИЛ в корзину) должна выглядеть как обычно, т.е "В корзину"
Кнопка 2.jpg
Как раз для этого введены новые переменные
http://forum.storela...вара-в-корзине/
#12
Отправлено 25 Июль 2013 - 01:45
Вадим463 (24 Июль 2013 - 14:23) писал:
Данная проблема происходит вероятно из-за ошибок javascript на вашем сайте. Вам необходимо удалить 2 одинаковых подключения файлов
<link rel="stylesheet" href="http://design.xn--80aec9agebbu.xn--p1ai/forall/css/fancybox/2.1.4/jquery.fancybox.css" /> <script src="http://design.xn--80aec9agebbu.xn--p1ai/forall/css/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
в вашем шаблоне "HTML".
#13
Отправлено 25 Июль 2013 - 16:07
Vaccina (25 Июль 2013 - 01:45) писал:
<link rel="stylesheet" href="http://design.xn--80aec9agebbu.xn--p1ai/forall/css/fancybox/2.1.4/jquery.fancybox.css" /> <script src="http://design.xn--80aec9agebbu.xn--p1ai/forall/css/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
в вашем шаблоне "HTML".
Удалил оба этих подключения из кода, ошибка все равно осталась!!!
По прежнему изменение текста кнопки происходит только после перезагрузки страницы товара!!1
Как исправить?
#14
Отправлено 26 Июль 2013 - 02:12
<script> <script> $(function() { $('.goodsDataFormSubmitButton .more-link:first').text('Добавить еще один'); }); </script>
и замените на
<script> $(function() { $('.goodsDataFormSubmitButton .more-link:first').text('Добавить еще один'); }); </script>
#15
Отправлено 26 Июль 2013 - 08:40
Сake (26 Июль 2013 - 02:12) писал:
<script> <script> $(function() { $('.goodsDataFormSubmitButton .more-link:first').text('Добавить еще один'); }); </script>
и замените на
<script> $(function() { $('.goodsDataFormSubmitButton .more-link:first').text('Добавить еще один'); }); </script>
Еще одно уточнение - у меня на странице каждого товара кнопка " В корзину" и кнопка "Купить в 1 клик" расположены не в одном, а в трех местах!
Как сделать так, чтобы оставшиеся два кнопки "В корзину" такжзе меняли свое название при добавлении товара в корзину?
#16
Отправлено 27 Июль 2013 - 00:23
$('.goodsDataFormSubmitButton .more-link:first')
на
$('.goodsDataFormSubmitButton .button-cart')
как в шаблоне "Ajax добавление товара в корзину", так и в шаблоне "Товар".
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных