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


Публикации hunaland

7 публикаций создано hunaland (учитываются публикации только с 29-Март 23)


#272060 Изменить Дизайн Кнопок

Отправлено от hunaland в 19 Январь 2018 - 12:07 в Изменение общей стилистики

На слайдере нет стрелочек.



#271952 Изменить Дизайн Кнопок

Отправлено от hunaland в 17 Январь 2018 - 17:12 в Изменение общей стилистики

в горизонтальном меню категорий (каталог на главной) не всё отображается..как сделать, чтобы все отображались ?



#271745 Изменить Дизайн Кнопок

Отправлено от hunaland в 14 Январь 2018 - 09:20 в Изменение общей стилистики

еще заметил вот здесь корзина сверху и значок присутствует..нужно изменить под общий стиль.

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

  • Снимок экрана 2018-01-14 в 13.18.04.png



#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}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;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}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;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}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;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}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;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. перенести хит, новинка, скидка наверх.

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

  • изменить.jpg



#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. В каталогах сделать оформление как на главной(т.е. кнопку в корзину убрать вниз, убрать значок корзины и т.д.)



#271584 Изменить Дизайн Кнопок

Отправлено от hunaland в 11 Январь 2018 - 06:35 в Изменение общей стилистики

Спасибо большое.



#271466 Изменить Дизайн Кнопок

Отправлено от hunaland в 09 Январь 2018 - 11:06 в Изменение общей стилистики

Здравствуйте.
1. Как изменить дизайн кнопок в корзину(купить) сделать прямоугольной. Изменить цвет. И цвет шрифта внутри кнопки.
2. Изменить шрифт сайта.