Приветствую.
Аккаунт SL-337500
Хочется перенести кнопки быстрого заказа, которые появляются при наведении курсора на товар в категории (при отображении таблицей) под фото товара.
Т.е. в категории товар должен выглядеть так
Сверху вниз:
фото,
название товара,
кнопки "-""+"; окошко с кол-вом, кнопки добавить товар в корзину (можно просто в ряд и кнопки "добавить в сравнение и избранное" не отображать, пускай остаются в карточке товара),
цена.
пример
http://pryazha-furni...cts/bamboo_fine
При нажатии на фото товара должно появляться увеличенное фото (как при нажатии на "увеличить изображение" в карточке товара)
А при нажатии на название товара происходит переход в карточку товара.
Как это сделать?
1
В теме одно сообщение
#1
Отправлено 26 Июль 2015 - 19:07
#2
Отправлено 29 Июль 2015 - 19:15
shd-2014@yandex.ru (26 Июль 2015 - 19:07) писал:
Приветствую.
Аккаунт SL-337500
Хочется перенести кнопки быстрого заказа, которые появляются при наведении курсора на товар в категории (при отображении таблицей) под фото товара.
Т.е. в категории товар должен выглядеть так
Сверху вниз:
фото,
название товара,
кнопки "-""+"; окошко с кол-вом, кнопки добавить товар в корзину (можно просто в ряд и кнопки "добавить в сравнение и избранное" не отображать, пускай остаются в карточке товара),
цена.
пример
http://pryazha-furni...cts/bamboo_fine
При нажатии на фото товара должно появляться увеличенное фото (как при нажатии на "увеличить изображение" в карточке товара)
А при нажатии на название товара происходит переход в карточку товара.
Как это сделать?
Аккаунт SL-337500
Хочется перенести кнопки быстрого заказа, которые появляются при наведении курсора на товар в категории (при отображении таблицей) под фото товара.
Т.е. в категории товар должен выглядеть так
Сверху вниз:
фото,
название товара,
кнопки "-""+"; окошко с кол-вом, кнопки добавить товар в корзину (можно просто в ряд и кнопки "добавить в сравнение и избранное" не отображать, пускай остаются в карточке товара),
цена.
пример
http://pryazha-furni...cts/bamboo_fine
При нажатии на фото товара должно появляться увеличенное фото (как при нажатии на "увеличить изображение" в карточке товара)
А при нажатии на название товара происходит переход в карточку товара.
Как это сделать?
Здравствуйте.
Попробуйте сделать следующее:
В шаблоне main.css найдите данный код:
div.plus_minus_quantity { margin: 5px 0 10px; }
И замените его вот этим вот кодом:
div.plus_minus_quantity { margin: 5px 0 10px; float: left; }
Далее там же найдите этот вот код:
input[type='text'], input[type='password'], textarea, .inputText { padding: 5px; background: #f8f8f8; border: 1px solid; border-color: #ddd #eee #eee #ddd !important; border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; margin-left: 0; margin-right: 0; }
И замените его этим кодом:
input[type='text'], input[type='password'], textarea, .inputText { padding: 0px; background: #f8f8f8; border: 1px solid; border-color: #ddd #eee #eee #ddd !important; border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; margin-left: 0; margin-right: 0; }
Теперь снова там же найдите следующий код:
a.add_to_cart_small, a.add_to_wishlist_small, a.add_to_compare_small, a.delete_fvr { display: inline-block; vertical-align: middle; width: 36px; height: 36px; background: url("{ASSETS_IMAGES_PATH}cart_circle.png") 50% 50% no-repeat; background-color: #f36893; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; cursor: pointer; }
И замените его этим вот кодом:
a.add_to_cart_small, a.add_to_wishlist_small, a.add_to_compare_small, a.delete_fvr { display: inline-block; vertical-align: middle; width: 36px; height: 36px; background: url("{ASSETS_IMAGES_PATH}cart_circle.png") 50% 50% no-repeat; background-color: #f36893; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; cursor: pointer; float: right; }
После этого в том же шаблоне найдите данный код:
a.add_to_compare_small { background: url("{ASSETS_IMAGES_PATH}compare_circle.png") 50% 50% no-repeat; background-color: #333333; }
И замените его вот этим вот кодом:
a.add_to_compare_small { background: url("{ASSETS_IMAGES_PATH}compare_circle.png") 50% 50% no-repeat; background-color: #333333; display: none; }
Найдите следующий код:
a.add_to_wishlist_small { background: url("{ASSETS_IMAGES_PATH}wish_circle.png.png") 50% 50% no-repeat; background-color: #333333; }
И замените его этим вот кодом:
a.add_to_wishlist_small { background: url("{ASSETS_IMAGES_PATH}wish_circle.png.png") 50% 50% no-repeat; background-color: #333333; display: none; }
Далее в шаблоне html найдите вот этот вот код:
<!-- Недавно просмотренные товары --> {% IFNOT recently_viewed_goods_empty %} <div class="box recent"> <div class="box-heading">Вы смотрели</div> <div class="box-content"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %} <div class="prod_hold_recent"> <div> <div class="image goods-image-icon-square"><a title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div> <div class="prod_hold_right"> <div class="name"><a title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}" style="*height:;">{recently_viewed_goods.NAME}</a></div> <div class="price"> {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %} <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br /> {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %} <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br /> {% ENDIF %} <span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span> </div> </div> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" /> <a class="add_to_cart_small" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a> <!--a class="add_to_cart_small" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form>
И замените его этим вот кодом:
<!-- Недавно просмотренные товары --> {% IFNOT recently_viewed_goods_empty %} <div class="box recent"> <div class="box-heading">Вы смотрели</div> <div class="box-content"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %} <div class="prod_hold_recent"> <div> <div class="image goods-image-icon-square"><a title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div> <div class="prod_hold_right"> <div class="name"><a title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}" style="*height:;">{recently_viewed_goods.NAME}</a></div> <div class="price"> {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %} <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br /> {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %} <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br /> {% ENDIF %} <span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span> </div> </div> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" /> <a class="add_to_cart_small" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"></a> <!--a class="add_to_cart_small" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных