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


Доработки По Шапке


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 44

#1 klimatika24

klimatika24

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений
  • ГородМосква

Отправлено 25 Февраль 2014 - 15:33

Добрый день!
Сайт - klimatik-city.ru

3) Подскажите как реализовать вот такую корзину с такой иконкой корзины?

5.png

#2 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 25 Февраль 2014 - 18:25

Просмотр сообщенияklimatika24 (25 Февраль 2014 - 15:33) писал:

Добрый день!
Сайт - klimatik-city.ru

3) Подскажите как реализовать вот такую корзину с такой иконкой корзины?

Прикрепленный файл 5.png
B html находим:
<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 klimatika24

klimatika24

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений
  • ГородМосква

Отправлено 26 Февраль 2014 - 10:22

Спасибо! Вроде все получилось, но хочется что б смотрелось складно! Так что еще вопросик )))
1) Как подвинуть "Товаров на: 0" правее? при том что корзина встала правильно!
2) Как мне сделать жирным "Товаров на: 0" и поменять шрифт?

#4 Alexey11

Alexey11

    Активный участник

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 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 klimatika24

klimatika24

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений
  • ГородМосква

Отправлено 26 Февраль 2014 - 23:36

Просмотр сообщенияAlexey11 (26 Февраль 2014 - 21:38) писал:

Найдите данный блок кода в main.css

#header .bottommain .headright ul li { color:#767676; }

замените его на:

#header .bottommain .headright ul li { color:#767676; margin-left: 40px; font-weight: bold;}

Еще вопрос - где я могу сам поменять размер надписи и шрифт "Товаров на" ?

Нажимаю на корзину выходит вот такая байда

1.jpg

Короче не переходит к завершению покупок

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Февраль 2014 - 04:35

В main.css найдите:
#header .bottommain .headright ul li {
	color: #767676;
	font-weight: bold;
	margin-left: 40px;
}
добавьте необходимые вам шрифтовые стили для данной надписи.

С корзиной беда по причине изменения стандартной ссылки корзины в шаблоне HTML, вместо
ссылка на корзину
укажите:
{CART_URL}


#7 klimatika24

klimatika24

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений
  • ГородМосква

Отправлено 27 Февраль 2014 - 21:12

Просмотр сообщенияVaccina (27 Февраль 2014 - 04:35) писал:

В main.css найдите:
#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 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 27 Февраль 2014 - 21:15

Просмотр сообщенияklimatika24 (27 Февраль 2014 - 21:12) писал:

С корзиной разобрался! спасибо

Не понял как мне увеличить шрифт
color: #767676; - это цвет
font-weight: bold; - это замена шрифта
margin-left: 40px; - это передвижение на лево

а где размер шрифта?

font-size: 18px; размер шрифта

#9 klimatika24

klimatika24

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений
  • ГородМосква

Отправлено 27 Февраль 2014 - 21:33

Просмотр сообщенияCastiel (27 Февраль 2014 - 21:15) писал:

font-size: 18px; размер шрифта

где искать этот font-size: чтобы заменить его?

#10 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 27 Февраль 2014 - 22:00

Просмотр сообщенияklimatika24 (27 Февраль 2014 - 21:33) писал:

где искать этот font-size: чтобы заменить его?

Его необходимо добавить к нужному блоку, где вы хотите изменить размер
#header .bottommain .headright ul li {
color: #767676;
font-weight: bold;
margin-left: 40px;
font-size:18px;
}


#11 klimatika24

klimatika24

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений
  • ГородМосква

Отправлено 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 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 klimatika24

klimatika24

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений
  • ГородМосква

Отправлено 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) Где здесь поменять окончание что бы на против корзины отобразилось "руб."
1.jpg

3) Если ставить <br /> то это слишком много, а мне нужно меньше

#14 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Март 2014 - 02:06

2) удалите окончания в зависимости от цены
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 klimatika24

klimatika24

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений
  • ГородМосква

Отправлено 04 Март 2014 - 12:40

Просмотр сообщенияVaccina (04 Март 2014 - 02:06) писал:

2) удалите окончания в зависимости от цены
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 Виолетка

Виолетка

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 10 Сентябрь 2014 - 10:52

Чтобы заменить шапку, заменила изображение в файле header-bп-min.png на другое. Изображение пропало совсем, а новое не появилось. Историю просмотров и кэш чистила. Не помогло((

#17 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 10 Сентябрь 2014 - 11:02

Просмотр сообщенияВиолетка (10 Сентябрь 2014 - 10:52) писал:

Чтобы заменить шапку, заменила изображение в файле header-bп-min.png на другое. Изображение пропало совсем, а новое не появилось. Историю просмотров и кэш чистила. Не помогло((
Здравствуйте у Вас в коде прописано в файле main.css
#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 Виолетка

Виолетка

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 10 Сентябрь 2014 - 11:38

Спасибо.

#19 SidoroFF

SidoroFF

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 26 Сентябрь 2014 - 11:03

Добрый день Такой вопрос. Нужно заменить оригинальный логотип на мой. Куда его загрузить - нашёл, но он не вписался по размеру. получилась вот такая канитель:
Изображение

Как уменьшить размер отображаемого логотипа, или немного раздвинуть отступ сверху, чтоб получилось примерно так:
Изображение

#20 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 26 Сентябрь 2014 - 11:10

Просмотр сообщенияSidoroFF (26 Сентябрь 2014 - 11:03) писал:

Добрый день Такой вопрос. Нужно заменить оригинальный логотип на мой. Куда его загрузить - нашёл, но он не вписался по размеру. получилась вот такая канитель:
Изображение

Как уменьшить размер отображаемого логотипа, или немного раздвинуть отступ сверху, чтоб получилось примерно так:
Изображение
Уточните,пожалуйста,номер вашего аккаунта.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных