- Форум владельцев интернет-магазинов
- → Публикации hunaland
Публикации hunaland
7 публикаций создано hunaland (учитываются публикации только с 29-Апрель 23)
#271466 Изменить Дизайн Кнопок
Отправлено от hunaland в 09 Январь 2018 - 11:06 в Изменение общей стилистики
1. Как изменить дизайн кнопок в корзину(купить) сделать прямоугольной. Изменить цвет. И цвет шрифта внутри кнопки.
2. Изменить шрифт сайта.
#271584 Изменить Дизайн Кнопок
Отправлено от hunaland в 11 Январь 2018 - 06:35 в Изменение общей стилистики
#271952 Изменить Дизайн Кнопок
Отправлено от hunaland в 17 Январь 2018 - 17:12 в Изменение общей стилистики
#271585 Изменить Дизайн Кнопок
Отправлено от hunaland в 11 Январь 2018 - 08:34 в Изменение общей стилистики
Vaccina (10 Январь 2018 - 07:14) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
input[type="button"], .button, button, .paymentFormTbodySubmitButton, .paymentFormSubmitLink {font-size: 16px;text-transform: none;padding: 6px 20px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;color: #666666;border: 1px solid #e9e9e9;background: #FFF;cursor:pointer;}
замените на:
input[type="button"], .button, button, .paymentFormTbodySubmitButton, .paymentFormSubmitLink {font-size: 16px;text-transform: none;padding: 6px 20px;color: #fff;border: 1px solid #e9e9e9;background: #3EB5F1;cursor:pointer;}
За цвет шрифта отвечает стиль color, за цвет фона стиль background.
Далее найдите:
body {margin: 0;font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background-color: #ffffff;color: #909090;overflow-x: hidden;position: relative;}
в данной строке измените шрифт на необходимый, размер шрифта font-size, стиль шрифта font-family
Спасибо большое. Еще вопросы.
1. При наведении мышкой изменить цвет кнопки "в корзине".
2. Кнопка "показать все" изменить цвет
3. Форма кнопок, цвет, цвет шрифта, цвет при наведении мышкой ( Популярные товары, новинки, хиты).
4. Убрать соц. сети в подвале сайта.
5. В каталогах сделать оформление как на главной(т.е. кнопку в корзину убрать вниз, убрать значок корзины и т.д.)
#271745 Изменить Дизайн Кнопок
Отправлено от hunaland в 14 Январь 2018 - 09:20 в Изменение общей стилистики
#271744 Изменить Дизайн Кнопок
Отправлено от hunaland в 14 Январь 2018 - 07:35 в Изменение общей стилистики
Danil (13 Январь 2018 - 13:51) писал:
1-2) В main.css найдите код
input[type="button"]:hover, .button:hover, button:hover, .paymentFormTbodySubmitButton:hover, .paymentFormSubmitLink:hover {background-color: #3cabda;color: #FFF;border-color: #3cabda;}в нем изменяйте цвета на свои.
3) В main.css найдите 2 строки кода
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li {font-size: 150%;border: 1px solid #e9e9e9;height: 42px;line-height: 42px;padding: 0 32px;display: inline-block;background: #FFF;color: #666666;margin: 0 0 0 5px;float: none;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li.tab-nav-actived, .sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li:hover {background-color: #3cabda;color: #FFF;border-color: #3cabda;cursor:pointer;}в первой изменяйте стили кнопок в неактивном состоянии, а во второй при наведении.
4) В шаблоне html найдите и удалите код
<div class="col-xs-12"> <ul class="link-follow"> <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com"></a></li> <li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com"></a></li> <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki"></a></li> <li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com"></a></li> <li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com"></a></li> </ul> </div>5) В шаблоне Товары найдите и удалите код
<div class="cart-wrap"> <!--a class="add-cart quick btn-cart button" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a--> <a class="add-cart btn-cart button" title="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a> </div>Далее найдите код
</div> </div> </div> {% ENDFOR %} </div> {% ELSE %} <!-- Вывод товаров Списком -->и перед ним вставьте
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="cart-wrap"> <!--a class="add-cart quick btn-cart button" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a--> <a class="add-cart btn-cart button" title="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a> </div> </form>В main.css найдите код
.products-grid .item .item-inner .item-img .cart-wrap {position: absolute;top: -17px;width: 100%;height: 36px;z-index: 3;text-align: center;}и замените на
.products-grid .item .item-inner .item-img .cart-wrap {width: 100%;height: 36px;z-index: 3;text-align: center;}
Благодарю..
Еще интересует вот это ( на картинке )
1. Изменить цвет при наведении и прозрачность.
2. изменить цвет цены и размер.
3. перенести хит, новинка, скидка наверх.
#272060 Изменить Дизайн Кнопок
Отправлено от hunaland в 19 Январь 2018 - 12:07 в Изменение общей стилистики
- Форум владельцев интернет-магазинов
- → Публикации hunaland
- Privacy Policy