Новый Шаблон - «Весна»
#1
Отправлено 26 Февраль 2014 - 03:32
Ещё одной интересной особенностью можно считать добавление товара на сравнение/избранное через ajax запрос, без перезагрузки страницы. Это особенно полезно, когда находишься внизу страницы, добавляешь товар на сравнение и тебя не перебрасывает в начало страницы.
В новом шаблоне необычный дизайн и интересные визуальные эффекты.
Пример можно посмотреть по адресу:
http://spring-demo.storeland.ru/
#2
Отправлено 26 Февраль 2014 - 03:54
Посмотрела все, отметила, что хотелось бы перенести:
1. Модуль избранных товаров
2. Добавление товара в сравнение/избранное через ajax запрос в Товаре (Самое главное)
С интерактивными элементами.
Очень буду разочарована, если невозможно будет перенести, т. к. Осень с октября, т. е. 4 месяца доводила до ума и опять переходить на новый шаблон с внесенными изменениями будет нереально, тем более нужно добавить гораздо меньше, чем при переходе на новый шаблон.
Еще, из плюсов, картинки в каталогах не надо выравнивать, подвал приличный.
А, минус - нет каруселей Новинки, Хиты, Сопутствующие товары.
Хороший шаблон.
#3
Отправлено 26 Февраль 2014 - 08:49
"Доставкой" занимаетесь? О как нужна индивидуальная привязка к товарам...
#4
Отправлено 26 Февраль 2014 - 09:07
#5
Отправлено 26 Февраль 2014 - 09:40
Как сделать возможность добавления товара в избранное?
#7
Отправлено 26 Февраль 2014 - 10:02
#8
Отправлено 26 Февраль 2014 - 11:24
#9
Отправлено 26 Февраль 2014 - 13:33
#10
Отправлено 26 Февраль 2014 - 15:59
xloops (26 Февраль 2014 - 13:33) писал:
sibulba (26 Февраль 2014 - 11:24) писал:
koloskov (26 Февраль 2014 - 08:49) писал:
"Доставкой" занимаетесь? О как нужна индивидуальная привязка к товарам...
#11
Отправлено 26 Февраль 2014 - 18:44
velena168 (26 Февраль 2014 - 03:54) писал:
Посмотрела все, отметила, что хотелось бы перенести:
1. Модуль избранных товаров
<!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small add_to_wishlist_small_text added" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small add_to_wishlist_small_text" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное -->Для вставки кода в других массивах нужно будет изменить в вышеуказанном коде массив
{goods.на соответствующий тому массиву, в котором отображается код. Например для вставки кода на главной в новинках, нужно будет заменить его на
{index_page_new_goods.В данном примере код получится таким:
<!-- Если есть возможность добавить товар в избранное --> {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small add_to_wishlist_small_text added" title="Убрать «{index_page_new_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small add_to_wishlist_small_text" title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное -->
velena168 (26 Февраль 2014 - 03:54) писал:
<!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small add_to_wishlist_small_text added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small add_to_wishlist_small_text" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное -->
Единственное нововведение, которое здесь сделал, относительно оригинального кода шаблона - дописал стиль
add_to_wishlist_small_textи добавил 2 атрибута, на которые нужно менять текст ссылки:
data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного"
и в файле main.js, в самый конец файла добавить JS код из нового шаблона:
$(document).ready(function(){ // Добавление/удаление товара на сравнение/избранное через ajax $('.add_to_compare_small, .add_to_wishlist_small').click(function(){ // Объект ссылки, по которой кликнули var a = $(this) ,addUrl = a.attr('data-action-add-url') ,delUrl = a.attr('data-action-delete-url') ,addTitle = a.attr('data-action-add-title') ,delTitle = a.attr('data-action-delete-title') ,isAdd = a.attr('data-action-is-add') requestUrl = a.attr('href') ; if(a.hasClass('add_to_wishlist_small_text') || a.hasClass('add_to_compare_small_text')) { var aText = a; } else { var aText = a.parent().find('.add_to_wishlist_small_text, .add_to_compare_small_text') } // Если в ссылке присутствует идентификатор, который мы можем узнать только вытащив его с текущей страницы if( /GET_GOODS_MOD_ID_FROM_PAGE/.test(requestUrl)) { requestUrl = requestUrl.replace(new RegExp('GET_GOODS_MOD_ID_FROM_PAGE'), $('.goodsDataMainModificationId').val()); } // Если есть информация о том какие URL адреса будут изменены, то можено не перегружать страницу и сделать запрос через ajax if(addUrl && delUrl) { $.ajax({ type : "POST", dataType: 'json', cache : false, url : requestUrl, data : { 'ajax_q': 1 }, success: function(data) { if('ok' == data.status) { if(isAdd == 1) { var from = addUrl ,to = delUrl ,newIsAddStatus = 0 ,newTitle = delTitle ? delTitle : '' ; a.addClass('added'); } else { var from = delUrl ,to = addUrl ,newIsAddStatus = 1 ,newTitle = addTitle ? addTitle : '' ; a.removeClass('added'); } // Обновляем ссылку, на которую будет уходить запрос и информацию о ней a.attr('href', a.attr('href').replace(new RegExp(from), to)) .attr('title', newTitle) .attr('data-action-is-add', newIsAddStatus); // Если рядом с ссылкой в виде круга есть текстовая надпись с описанием действия if(aText.length) { aText.text(aText.attr(isAdd == 1 ? 'data-action-text-delete' : 'data-action-text-add')); } // Если есть функция, которая отображает сообщения пользователю if(typeof(noty) == "function") { noty({ text:data.message, layout:"center", type:"success", textAlign:"center", easing:"swing", animateOpen:{"height":"toggle"}, animateClose:{"opacity":"hide"}, speed:"500", timeout:"3000", closable: false, modal: false, dismissQueue: true, onClose: true, killer: true}); } } else if('error' == data.status) { // Если есть функция, которая отображает сообщения пользователю if(typeof(noty) == "function") { noty({ text:data.message, layout:"center", type:"error", textAlign:"center", easing:"swing", animateOpen:{"height":"toggle"}, animateClose:{"opacity":"hide"}, speed:"500", timeout:"3000", closable: false, modal: false, dismissQueue: true, onClose: true, killer: true}); } } } }); return false; } }); });
Далее, чтобы начали появляться уведомления через фукнцию noty нужно добавить её код, если он не загружен в вашем шаблоне, сделать это не сложно, для удобства использования проще всего будет закачать файл с jquery notification plugin-ом в редактор тем, получив его по ссылке:
http://storeland.ru/js/noty_2_2_2/jquery.noty.packaged.min.jsЕсли не менять название, то после закачки в редактор тем, останется лишь добавить загрузку файла в шаблоне "HTML", после загрузки остальных скриптов, добавив строчку:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.noty.packaged.min.js"></script>После этого скрипт добавление начнёт работать, вместе со всплывающим окном.
Несколько скриншотов с описанием внедрения этого кода:
Для внедрения сравнения, чтобы работал подобным образом аналогично копируется код из шаблона (в нём я уже добавил новый стиль и 2 атрибута):
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small add_to_compare_small_text added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Сравнить" data-action-text-delete="Не сравнивать" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Не сравнивать</a> {% ELSE %} <a class="add_to_compare_small add_to_compare_small_text" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Сравнить" data-action-text-delete="Не сравнивать" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Сравнить</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->Остальные действия аналогичный предыдущим. Если Вы уже добавили код избранных товаров, то добавление и изменение javascript кода делать второй раз не потребуется.
Пара скриншотов:
Финальной частью добавление модуля будет добавление шаблона со списком избранных товаров покупателя в личный кабинет из нового шаблона в старый. Для этого достаточно скачать архив с шаблоном:
client_favorites_list.zip 1,88К 586 Количество загрузок:
Распаковать его у себя на компьютере и закачать его в редактор шаблонов. После этого в блоке "Шаблоны" появится новый файл "ЛК Избранные товары", в котором будут отображаться избранные товары покупателя.
Скриншоты:
Стили понятное дело не соответствуют текущему шаблону, в которой производится перенос, но выглядит достойно, по крайней мере в текущем формате без изменений. При желании можно стилизовать эту страницу глубже, чтобы она ещё больше подходила для вашей дизайн темы.
#12
Отправлено 26 Февраль 2014 - 18:48
#13
Отправлено 26 Февраль 2014 - 19:28
support (26 Февраль 2014 - 18:44) писал:
http://storeland.ru/js/noty_2_2_2/jquery.noty.packaged.min.js
#15
Отправлено 26 Февраль 2014 - 21:55
support (26 Февраль 2014 - 21:15) писал:
http://storeland.ru/js/noty_2_2_2/jquery.noty.packaged.min.js
Страница избранного появилась, но без названия почему-то.
А вот в карточке Товара, совсем ничего не получилось, только ссылка недействующая появилась.
#16
Отправлено 26 Февраль 2014 - 23:23
velena168 (26 Февраль 2014 - 21:55) писал:
velena168 (26 Февраль 2014 - 21:55) писал:
<div class="breadcrumb"> <a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a> <span class="navigation-pipe"></span> <a href="{USER_SETTINGS_URL}" title="Личный кабинет">Личный кабинет</a> <span class="navigation-pipe"></span> Избранные товары </div> <div class="page-title"> <h1>Избранные товары</h1> </div>
velena168 (26 Февраль 2014 - 21:55) писал:
<!-- Если есть возможность добавить товар в избранное --> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small add_to_wishlist_small_text added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Убрать «{GOODS_NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small add_to_wishlist_small_text" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное -->
#17
Отправлено 27 Февраль 2014 - 00:00
support (26 Февраль 2014 - 23:23) писал:
В новом шаблоне похоже, что нет названия для этой страницы в виде стандартного H1 блока. В вашем же шаблоне такая надпись в других разделах присутствует. Для того чтобы дописать заголовок, думаю будет достаточно вставить в шаблоне "ЛК Избранные товары" в самом начале файла код отображения навигации и заголовка, например так:
<div class="breadcrumb"> <a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a> <span class="navigation-pipe"></span> <a href="{USER_SETTINGS_URL}" title="Личный кабинет">Личный кабинет</a> <span class="navigation-pipe"></span> Избранные товары </div> <div class="page-title"> <h1>Избранные товары</h1> </div>
Думаю всё дело в том, что Вы вставляете в карточке товара код, предназначенный для списка товаров. В вашем случае его лучше всего копировать целиком из нового шаблона, чтобы всё работало как надо. Пример такого кода для шаблона "Товар" следующий:
<!-- Если есть возможность добавить товар в избранное --> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small add_to_wishlist_small_text added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Убрать «{GOODS_NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small add_to_wishlist_small_text" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное -->
#19
Отправлено 27 Февраль 2014 - 14:50
velena168 (27 Февраль 2014 - 00:19) писал:
А, может быть, можно такую красивую крутящуюся корзинку на кнопку КУПИТЬ в ТОВАРЕ прикрутить?
Уж, очень она симпатичная.
P. S. Кнопки в Избранное и Сравнить ПОЛУЧИЛИСЬ, а КУПИТЬ и В КОРЗИНУ - нет.
Кручение этих кнопок основано на стилях, которые поворачивают элемент при наведении на него мышкой. Поэтому картинку корзины фоновой для кнопки(как это есть сейчас) делать не стоит, но надо вставить эту картинку рядом и подвинуть правее, чтобы она была как раз над кнопкой "купить".
В шаблоне "Товар" замените
<p id="add_to_cart"> <input type="submit" name="Submit" value="{% IF GOODS_MOD_REST_VALUE=300 || GOODS_MOD_REST_VALUE=100 %}Заказать{% ELSEIF GOODS_MOD_REST_VALUE=0 %}Невозможно заказать{% ELSE %}Купить{% ENDIF%}" class="add_to_cart" onclick="$('.goodsDataForm').submit()"></p>на такой код
<p id="add_to_cart"> <img src="{ASSETS_IMAGES_PATH}cart_white.png"/> <input type="submit" name="Submit" value="{% IF GOODS_MOD_REST_VALUE=300 || GOODS_MOD_REST_VALUE=100 %}Заказать{% ELSEIF GOODS_MOD_REST_VALUE=0 %}Невозможно заказать{% ELSE %}Купить{% ENDIF%}" class="add_to_cart" onclick="$('.goodsDataForm').submit()"> </p>вместо cart_white.png вставьте имя другой картинки, которую надо загрузить в разделе "Редактор шаблонов", если требуется.
В style.css найдите код
.add_to_cart{display:block;background-color:#da3b44;background-image:url('{ASSETS_IMAGES_PATH}cart_white.png');background-repeat:no-repeat;background-position:13px 50%; color:#fafafa!important;height:35px;padding:0 16px 0 46px;*padding:0 6px 0 36px;border:1px solid #a40f18;*border: none;cursor:pointer;font-weight:700;line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:2px; -moz-border-radius:2px;-webkit-border-radius:16px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}замените на такой
.add_to_cart{display:inline-block;background-color:#da3b44; color:#fafafa!important;height:35px;padding:0 16px 0 46px;*padding:0 6px 0 36px; border:1px solid #a40f18;*border: none;cursor:pointer;font-weight:700;line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:2px; -moz-border-radius:2px;-webkit-border-radius:16px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}в конец style.css добавьте код
#add_to_cart img { display: inline; margin-right: -32px; margin-bottom: -3px; position: relative; transition: all 0.5s ease 0s; z-index: 2; cursor: pointer; } #add_to_cart img:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); }Также следует добавить скрипт, чтобы при нажатии на эту картинку, товар добавлялся в корзину. В main.js добавьте в конец
$(document).ready(function(){ $('#add_to_cart img').click(function(){ $('input.add_to_cart').click(); }); });
#20
Отправлено 27 Февраль 2014 - 15:48
sengun (27 Февраль 2014 - 14:50) писал:
Кручение этих кнопок основано на стилях, которые поворачивают элемент при наведении на него мышкой. Поэтому картинку корзины фоновой для кнопки(как это есть сейчас) делать не стоит, но надо вставить эту картинку рядом и подвинуть правее, чтобы она была как раз над кнопкой "купить".
В шаблоне "Товар" замените
<p id="add_to_cart"> <input type="submit" name="Submit" value="{% IF GOODS_MOD_REST_VALUE=300 || GOODS_MOD_REST_VALUE=100 %}Заказать{% ELSEIF GOODS_MOD_REST_VALUE=0 %}Невозможно заказать{% ELSE %}Купить{% ENDIF%}" class="add_to_cart" onclick="$('.goodsDataForm').submit()"></p>на такой код
<p id="add_to_cart"> <img src="{ASSETS_IMAGES_PATH}cart_white.png"/> <input type="submit" name="Submit" value="{% IF GOODS_MOD_REST_VALUE=300 || GOODS_MOD_REST_VALUE=100 %}Заказать{% ELSEIF GOODS_MOD_REST_VALUE=0 %}Невозможно заказать{% ELSE %}Купить{% ENDIF%}" class="add_to_cart" onclick="$('.goodsDataForm').submit()"> </p>вместо cart_white.png вставьте имя другой картинки, которую надо загрузить в разделе "Редактор шаблонов", если требуется.
В style.css найдите код
.add_to_cart{display:block;background-color:#da3b44;background-image:url('{ASSETS_IMAGES_PATH}cart_white.png');background-repeat:no-repeat;background-position:13px 50%; color:#fafafa!important;height:35px;padding:0 16px 0 46px;*padding:0 6px 0 36px;border:1px solid #a40f18;*border: none;cursor:pointer;font-weight:700;line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:2px; -moz-border-radius:2px;-webkit-border-radius:16px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}замените на такой
.add_to_cart{display:inline-block;background-color:#da3b44; color:#fafafa!important;height:35px;padding:0 16px 0 46px;*padding:0 6px 0 36px; border:1px solid #a40f18;*border: none;cursor:pointer;font-weight:700;line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:2px; -moz-border-radius:2px;-webkit-border-radius:16px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}в конец style.css добавьте код
#add_to_cart img { display: inline; margin-right: -32px; margin-bottom: -3px; position: relative; transition: all 0.5s ease 0s; z-index: 2; cursor: pointer; } #add_to_cart img:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); }Также следует добавить скрипт, чтобы при нажатии на эту картинку, товар добавлялся в корзину. В main.js добавьте в конец
$(document).ready(function(){ $('#add_to_cart img').click(function(){ $('input.add_to_cart').click(); }); });
Теперь моя Осень стала немного весенней. Пока, наверное, моему сайту хватит наворотов... Хотя, кто знает, может нам еще чего-нибудь интересного предложат. Спасибо, всем.
Темы с аналогичным тегами обновления, шаблоны, бесконечный скороллинг, быстрый заказ, избранные товары
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Обновления Для ШаблонаАвтор Гость_Mr.Nito_* , 22 марта 2019 техно, обновления |
|
|||
Вопросы работы сервиса StoreLand →
Новости платформы StoreLand →
Дайджест Обновлений Storeland №2 С 21 Ноября По 27 ДекабряАвтор Гость_support_* , 27 дек. 2016 обновления, новости и 4 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Новости платформы StoreLand →
Дайджест Обновлений Storeland С 1 Января По 6 ФевраляАвтор Гость_support 2.0_* , 06 февр. 2017 обновления, новости |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Пластик →
Оформление заказа →
Вопрос По Быстрому ЗаказуАвтор Гость_StonerJack_* , 27 дек. 2016 быстрый заказ |
|
|||
Вопросы работы сервиса StoreLand →
Новости платформы StoreLand →
25+ Нововведений МесяцаАвтор Гость_support_* , 12 сент. 2016 обновления, заказы, нововведения и 7 еще... |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных