Доработки По Шапке
#1
Отправлено 25 Февраль 2014 - 15:33
Сайт - klimatik-city.ru
3) Подскажите как реализовать вот такую корзину с такой иконкой корзины?
#2
Отправлено 25 Февраль 2014 - 18:25
klimatika24 (25 Февраль 2014 - 15:33) писал:
Сайт - klimatik-city.ru
3) Подскажите как реализовать вот такую корзину с такой иконкой корзины?
5.png
<div class="headright fright txtalgncnt fnt11 fmlptn cartInfo"> <ul> <li class="title fnt16"><a href="{CART_URL}"><span>Ваша </span>Корзина</a></li> <li class="fntarl fnt11 i cartSum">В корзине товаров на сумму: {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li> <li class="fntarl fnt11 i opencart"><a href="{CART_URL}">Открыть корзину</a></li> </ul> </div> {% IF SETTINGS_STORE_WORK_TIME %}<div class="headcent over fleft txtalgncnt fnt14 fmlptn"><span>Работает {SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %} </div> </div>заменяем на:
<div class="headright fright txtalgncnt fnt11 fmlptn cartInfo"> <a href="ссылка на корзину" title="Перейти в корзину "> <img src="{ASSETS_IMAGES_PATH}k.jpg" style=" width: 50px; height: 50px; float: right; padding-right: 60px; "> </a> <ul> <li class="fntarl fnt11 i cartSum">Товаров на: <br >{% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li> </ul> </div> {% IF SETTINGS_STORE_WORK_TIME %}<div class="headcent over fleft txtalgncnt fnt14 fmlptn"><span>Работает {SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %} </div> </div>k.jpg- заменяем на название загруженного изображения. изображение нужно загрузить в бэкофис (сайт-редактор шаблонов)
#3
Отправлено 26 Февраль 2014 - 10:22
1) Как подвинуть "Товаров на: 0" правее? при том что корзина встала правильно!
2) Как мне сделать жирным "Товаров на: 0" и поменять шрифт?
#4
Отправлено 26 Февраль 2014 - 21:38
klimatika24 (26 Февраль 2014 - 10:22) писал:
1) Как подвинуть "Товаров на: 0" правее? при том что корзина встала правильно!
2) Как мне сделать жирным "Товаров на: 0" и поменять шрифт?
Найдите данный блок кода в main.css
#header .bottommain .headright ul li { color:#767676; }
замените его на:
#header .bottommain .headright ul li { color:#767676; margin-left: 40px; font-weight: bold;}
#5
Отправлено 26 Февраль 2014 - 23:36
Alexey11 (26 Февраль 2014 - 21:38) писал:
#header .bottommain .headright ul li { color:#767676; }
замените его на:
#header .bottommain .headright ul li { color:#767676; margin-left: 40px; font-weight: bold;}
Еще вопрос - где я могу сам поменять размер надписи и шрифт "Товаров на" ?
Нажимаю на корзину выходит вот такая байда
Короче не переходит к завершению покупок
#6
Отправлено 27 Февраль 2014 - 04:35
#header .bottommain .headright ul li { color: #767676; font-weight: bold; margin-left: 40px; }добавьте необходимые вам шрифтовые стили для данной надписи.
С корзиной беда по причине изменения стандартной ссылки корзины в шаблоне HTML, вместо
ссылка на корзинуукажите:
{CART_URL}
#7
Отправлено 27 Февраль 2014 - 21:12
Vaccina (27 Февраль 2014 - 04:35) писал:
#header .bottommain .headright ul li { color: #767676; font-weight: bold; margin-left: 40px; }добавьте необходимые вам шрифтовые стили для данной надписи.
С корзиной беда по причине изменения стандартной ссылки корзины в шаблоне HTML, вместо
ссылка на корзинуукажите:
{CART_URL}
С корзиной разобрался! спасибо
Не понял как мне увеличить шрифт
color: #767676; - это цвет
font-weight: bold; - это замена шрифта
margin-left: 40px; - это передвижение на лево
а где размер шрифта?
#8
Отправлено 27 Февраль 2014 - 21:15
klimatika24 (27 Февраль 2014 - 21:12) писал:
Не понял как мне увеличить шрифт
color: #767676; - это цвет
font-weight: bold; - это замена шрифта
margin-left: 40px; - это передвижение на лево
а где размер шрифта?
font-size: 18px; размер шрифта
#10
Отправлено 27 Февраль 2014 - 22:00
klimatika24 (27 Февраль 2014 - 21:33) писал:
Его необходимо добавить к нужному блоку, где вы хотите изменить размер
#header .bottommain .headright ul li { color: #767676; font-weight: bold; margin-left: 40px; font-size:18px; }
#11
Отправлено 28 Февраль 2014 - 00:11
Castiel (27 Февраль 2014 - 22:00) писал:
#header .bottommain .headright ul li { color: #767676; font-weight: bold; margin-left: 40px; font-size:18px; }
Разобрался, спасибо!!!
Еще вопрос - Как подвинуть надпись ниже?
И как заменить "рублей" на "руб."
И как раздвинуть между собой "Товаров на:" от "суммы"
#12
Отправлено 28 Февраль 2014 - 03:54
1. В main.css найдите:
#header .bottommain .headright ul li { color: #767676; font-size: 17px; font-weight: bold; margin-left: 40px; }замените на:
#header .bottommain .headright ul li { color: #767676; font-size: 17px; font-weight: bold; margin-left: 40px; margin-top: 10px; }2.Настройки - Валюты - удалите окончания.
3.В HTML найдите надпись "Товаров на: " после нее поставьте <br />
#13
Отправлено 01 Март 2014 - 17:43
Vaccina (28 Февраль 2014 - 03:54) писал:
1. В main.css найдите:
#header .bottommain .headright ul li { color: #767676; font-size: 17px; font-weight: bold; margin-left: 40px; }замените на:
#header .bottommain .headright ul li { color: #767676; font-size: 17px; font-weight: bold; margin-left: 40px; margin-top: 10px; }2.Настройки - Валюты - удалите окончания.
3.В HTML найдите надпись "Товаров на: " после нее поставьте <br />
1) Разобрался спасибо!
2) Где здесь поменять окончание что бы на против корзины отобразилось "руб."
3) Если ставить <br /> то это слишком много, а мне нужно меньше
#14
Отправлено 04 Март 2014 - 02:06
3)В main.css найдите:
#header .bottommain .headright ul li { color: #767676; font-size: 17px; font-weight: bold; margin-left: 40px; margin-top: 12px; }замените на:
#header .bottommain .headright ul li { color: #767676; font-size: 17px; font-weight: bold; line-height: 24px; margin-left: 40px; margin-top: 12px; }
#15
Отправлено 04 Март 2014 - 12:40
Vaccina (04 Март 2014 - 02:06) писал:
3)В main.css найдите:
#header .bottommain .headright ul li { color: #767676; font-size: 17px; font-weight: bold; margin-left: 40px; margin-top: 12px; }замените на:
#header .bottommain .headright ul li { color: #767676; font-size: 17px; font-weight: bold; line-height: 24px; margin-left: 40px; margin-top: 12px; }
Спасибо!!!
#16
Отправлено 10 Сентябрь 2014 - 10:52
#17
Отправлено 10 Сентябрь 2014 - 11:02
Виолетка (10 Сентябрь 2014 - 10:52) писал:
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }замените имя картинки на свою header-bg.jpg
#18
Отправлено 10 Сентябрь 2014 - 11:38
#19
Отправлено 26 Сентябрь 2014 - 11:03
Как уменьшить размер отображаемого логотипа, или немного раздвинуть отступ сверху, чтоб получилось примерно так:
#20
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных