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


Цвет И Размер Шрифта, Значок Корзины


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

#1 alshopik

alshopik

    Новичок

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

Отправлено 21 Октябрь 2018 - 17:29

Добрый день.
Помогите поправить:
1. убрать слово телефон, оставить значок и цифры покрупнее и жирным
2. сменить значок корзины
3. добавить Минимальная сумма заказа
4. изменить цвет активного шрифта на розовый
5. изменить цвета фона активных закладок на розовый
6. изменить цвет фона неактивных закладок
7. цена товара изменить на розовый жирный, на фоне сером (как на рисунке)

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

  • вопрос-1.jpg
  • вопрос-2.jpg
  • вопрос-3.jpg


#2 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 23 Октябрь 2018 - 18:12

Просмотр сообщенияalshopik (21 Октябрь 2018 - 17:29) писал:

Добрый день.
Помогите поправить:
1. убрать слово телефон, оставить значок и цифры покрупнее и жирным
2. сменить значок корзины
3. добавить Минимальная сумма заказа
4. изменить цвет активного шрифта на розовый
5. изменить цвета фона активных закладок на розовый
6. изменить цвет фона неактивных закладок
7. цена товара изменить на розовый жирный, на фоне сером (как на рисунке)
Здравствуйте.
Цвета с синего заменил на розовый.
Номер телефона поправил, текст минимальная сумма добавил.
Чтобы изменить значок корзины измените файл action-llist.png из раздела Сайт - Редактор шаблонов.
Элементы сайта можно находить через браузер:
https://forum.storel...нужно-производ/

#3 alshopik

alshopik

    Новичок

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

Отправлено 23 Октябрь 2018 - 19:50

Думал вы будете говорить что и где заменить, а вы все сами делаете. Спасибо огромное.

6. изменить цвет фона неактивных закладок , серый потемнее сделать, как в начале полоса меню
7. чтоб фон был у цены, как я ранее рисовал.

8. разделы каталога в меню не влезают все, может уменьшить шрифт или в две строки, если их много.
9. где меняется цвет всего текста, хочу посмотреть как будет выглядеть черным, а не серым.

#4 alshopik

alshopik

    Новичок

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

Отправлено 24 Октябрь 2018 - 11:41

Просмотр сообщенияMr.Nito (23 Октябрь 2018 - 18:12) писал:

Здравствуйте.
Цвета с синего заменил на розовый.
Номер телефона поправил, текст минимальная сумма добавил.
Чтобы изменить значок корзины измените файл action-llist.png из раздела Сайт - Редактор шаблонов.
Элементы сайта можно находить через браузер:
https://forum.storel...нужно-производ/

Добрый день.
эти пункты еще не поправили
6. изменить цвет фона неактивных закладок , серый потемнее сделать, как в начале полоса меню
7. чтоб фон был у цены, как я ранее рисовал.


новые вопросики:
8. разделы каталога в меню не влезают все, может уменьшить шрифт или в две строки, если их много.
9. где меняется цвет всего текста, хочу посмотреть как будет выглядеть черным, а не серым.

10. с уменьшением ширины экрана надпись "минимальный заказ..." должна переходить под логотип по середине
11. заменить с голубого на розовый
12. разделы каталога при уменьшении экрана не показывались ниже, а просто исчезали чтоб

спасибо

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

  • вопрос-4.jpg
  • вопрос-5.jpg
  • вопрос-6.jpg


#5 Vugi

Vugi

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

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

Отправлено 24 Октябрь 2018 - 13:04

Здравствуйте!
6. вам нужно зайти в редактор шаблонов, в шаблоне main.css найти строку

.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 14px;background: #c0c0c0;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure");background-repeat: no-repeat;background-position: 9px -346px;}

замените на

.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 14px;background: #464646;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure");background-repeat: no-repeat;background-position: 9px -346px;}

7. Там же замените
.price-box .special-price .price {color: #ea61cf;font-size: 180%;}

на

[/background][/left]
[left][background=transparent].price-box .special-price .price {
color: #ea61cf;
font-size: 180%;
background: #464646;
}



8. замените код

[color=#222222"span style="font-family: Helvetica Neue",Arial,Verdana,sans-serif][font=Helvetica Neue",Arial,Verdana,sans-serif"span style="font-size: 14px]

[background=transparent"[CODE/span/span/span/span/pp style="text-align: left"span style="color: #222222"span style="font-family: Helvetica Neue",Arial,Verdana,sans-serif][background=transparent]]#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;}[/background][/background]

[/font][/color]

[color=#222222][color=#222222"span style="font-family: Helvetica Neue",Arial,Verdana,sans-serif][font=Helvetica Neue",Arial,Verdana,sans-serif"span style="font-size: 14px]

[background=transparent"[/CODE]/span/span/span/span/p
p style="text-align: left"span style="color: #222222"span style="font-family: Helvetica Neue",Arial,Verdana,sans-serif][background=transparent]на [/background][/background]

[/font][/color][/color]


[color=#222222][color=#909090][font=Helvetica Neue",Arial,Verdana,sans-serif"span style="font-size: 14px]

[background=transparent"

[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent]#custommenu ul.mainnav {margin: 0][size=4][background=transparent][CODE][/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent]body {margin: 0;font-family: Arial, sans-serif;font-size: 16px;line-height: 20px;background-color: #ffffff;color: #000000;overflow-x: hidden;position: relative;}[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent].wrap {width: 100%;clear: both;}[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent]
[/background][/background]

[/size][/font][/color][/color]


9.2 заменить

a {color: #909090;text-decoration:none;cursor:pointer;}

на
a {color: #000000;text-decoration:none;cursor:pointer;}


#6 alshopik

alshopik

    Новичок

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

Отправлено 24 Октябрь 2018 - 16:16

Просмотр сообщенияVugar (24 Октябрь 2018 - 13:04) писал:

7. Там же замените
.price-box .special-price .price {color: #ea61cf;font-size: 180%;}

на
[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent].price-box .special-price .price {[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent] color: #ea61cf;[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent] font-size: 180%;[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent] background: #464646;[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent]}[/background][/left][/size][/font][/color]
[color=#222222][font="Helvetica Neue",Arial,Verdana,sans-serif][size=4][left][background=transparent]


не получилось (((
и по п.8 - нет такой строки которую вы говорите
а по п. 9 - меняется не только цвет шрифта и сам шрифт

по п. 6 - все ок

#7 Vugi

Vugi

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

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

Отправлено 24 Октябрь 2018 - 17:23

7. main.css  --- 417 строка
.price-box .special-price .price {color: #ea61cf;font-size: 180%;}

замените на

.price-box .special-price .price {color: #ea61cf;font-size: 180%;background:#464646;}

#8 Vugi

Vugi

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

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

Отправлено 24 Октябрь 2018 - 17:29

8. main.css --- 216 строка

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;}

замените на

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: auto;overflow: hidden;}

#9 Kapal

Kapal

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

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

Отправлено 25 Октябрь 2018 - 07:30

Здравствуйте!

Есть такая возможность убрать кнопку "сравнение" на главной из блока каталога товаров?

И если ее убрать, это даст возможность добавить дополнительный подраздел каталога?

Если да, помогите, пожалуйста, убрать эту кнопку. На других страницах сайта "сравнение" должно остаться.

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

  • сравнение.jpg


#10 stasia

stasia

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

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

Отправлено 25 Октябрь 2018 - 09:26

Просмотр сообщенияKapal (25 Октябрь 2018 - 07:30) писал:

Здравствуйте!

Есть такая возможность убрать кнопку "сравнение" на главной из блока каталога товаров?

И если ее убрать, это даст возможность добавить дополнительный подраздел каталога?

Если да, помогите, пожалуйста, убрать эту кнопку. На других страницах сайта "сравнение" должно остаться.


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

#menu .nav-right .block-compare {
	margin-left: 8px;
	position: relative;
	display: block;
	text-align: left;
	float: left;
}

Замените на:

#menu .nav-right .block-compare {
	margin-left: 8px;
	position: relative;
	display: none;
	text-align: left;
	float: left;
}


#11 Vugi

Vugi

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

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

Отправлено 25 Октябрь 2018 - 09:27

Просмотр сообщенияalshopik (24 Октябрь 2018 - 16:16) писал:

не получилось (((
и по п.8 - нет такой строки которую вы говорите
а по п. 9 - меняется не только цвет шрифта и сам шрифт

по п. 6 - все ок


10. в редакторе шаблонов> main.css

1)  на 1011 строке :  #header .header-right {height: 0px;position: absolute;right: 0px;}
удалите свойство position : absolute;

2) на 1012 строке : #header .header-right .header-right-inner {height: 0px;}

добавьте новое свойство float: none; -->  должно быть так

#header .header-right .header-right-inner {height: 0px; float: none;}




3) между 1012 и 1013 строкой добавьте код



#header .header-right .header-right-inner .min-price {clear: both;font-size: 18px;text-align: center;color: #ea61cf;font-weight: bold;}



#12 Vugi

Vugi

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

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

Отправлено 25 Октябрь 2018 - 09:36

Просмотр сообщенияalshopik (24 Октябрь 2018 - 11:41) писал:

Добрый день.
эти пункты еще не поправили
6. изменить цвет фона неактивных закладок , серый потемнее сделать, как в начале полоса меню
7. чтоб фон был у цены, как я ранее рисовал.


новые вопросики:
8. разделы каталога в меню не влезают все, может уменьшить шрифт или в две строки, если их много.
9. где меняется цвет всего текста, хочу посмотреть как будет выглядеть черным, а не серым.

10. с уменьшением ширины экрана надпись "минимальный заказ..." должна переходить под логотип по середине
11. заменить с голубого на розовый
12. разделы каталога при уменьшении экрана не показывались ниже, а просто исчезали чтоб

спасибо

11. в main.css

на 243 строке --- #mommenu .menu_collapse_wrap a:hover, #mommenu .menu_collapse_wrap a.active, #mommenu .menu_collapse_wrap a.active span {color: #09afe7;}

замените

color: #09afe7;  на color: #ea61cf;



#13 Vugi

Vugi

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

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

Отправлено 25 Октябрь 2018 - 13:41

Просмотр сообщенияalshopik (24 Октябрь 2018 - 11:41) писал:

Добрый день.
эти пункты еще не поправили
6. изменить цвет фона неактивных закладок , серый потемнее сделать, как в начале полоса меню
7. чтоб фон был у цены, как я ранее рисовал.


новые вопросики:
8. разделы каталога в меню не влезают все, может уменьшить шрифт или в две строки, если их много.
9. где меняется цвет всего текста, хочу посмотреть как будет выглядеть черным, а не серым.

10. с уменьшением ширины экрана надпись "минимальный заказ..." должна переходить под логотип по середине
11. заменить с голубого на розовый
12. разделы каталога при уменьшении экрана не показывались ниже, а просто исчезали чтоб

спасибо

12. между 1009 и 1010 строкой вставьте код

.block-menu-content {display:none;}




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

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