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


Изменить Цвет Описания.

цветописание характеристики

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

#1 medved26

medved26

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

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

Отправлено 01 Июнь 2018 - 02:49

Здравствуйте! Прошу помощи в небольших изменениях:
1.Изменить цвет описания товара на черный.
2.Изменить цвет  характеристик на черный.
3.Отцентровать название юр. лица.
Заранее спасибо!
Скрины:описание.jpg хар.jpg юр.л.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 01 Июнь 2018 - 05:31

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

Благодарю за терпение. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
body {font-family: PT Sans, arial, serif;font-size: 14px;line-height: 18px;font-weight: 400;color: #8b8b8b;overflow-x: hidden;position: relative;background-color: #ffffff;margin:0;padding:0;}

замените на:
body {font-family: PT Sans, arial, serif;font-size: 14px;line-height: 18px;font-weight: 400;color: #000;overflow-x: hidden;position: relative;background-color: #ffffff;margin:0;padding:0;}

далее найдите:
#footer-bottom {padding: 8px 0;position: relative;}

замените на:
#footer-bottom {padding: 8px 0;text-align: center;position: relative;}

далее зайдите в шаблон HTML - найдите:
<div class="col-sm-8 col-xs-12">
			  <p>{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.</p>
			  <p>{SETTINGS_STORE_ORG_NAME}.</p>
			  <p>{COPYRIGHT_FOR_DESIGN_SUMMER}</p>
			</div>
			<div class="col-sm-4 col-xs-12">
			  <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
			</div>
            
замените на:
<div class="col-sm-12 col-xs-12">
			  <p>{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.</p>
			  <p>{SETTINGS_STORE_ORG_NAME}.</p>
			  <p>{COPYRIGHT_FOR_DESIGN_SUMMER}</p>
			  <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
			</div>


#3 medved26

medved26

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

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

Отправлено 01 Июнь 2018 - 21:02

Большое спасибо! Все получилось. Скажите пожалуйста, как сделать так, чтобы название товары было с маленькой буквы, кроме первого слова.
На скринах понятно:

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

  • Screenshot_3.jpg
  • Screenshot_5.jpg


#4 medved26

medved26

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

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

Отправлено 01 Июнь 2018 - 21:17

И еще... Как можно поменять цвет кнопок : "в корзину" и "быстрый заказ".
Огромное спасибо заранее!

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

  • Screenshot_4.jpg


#5 Vaccina

Vaccina

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

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

Отправлено 02 Июнь 2018 - 04:39

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .item-info .product-name a {color:black;font-size: 16px;font-weight: 400;letter-spacing: 0.3px;line-height: 20px;text-transform: capitalize;display: block;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

замените на:
.products-grid .item .item-info .product-name a {color:black;font-size: 16px;font-weight: 400;letter-spacing: 0.3px;line-height: 20px;display: block;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform: none;}

далее найдите:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 14px;float: left;font-weight: 600;text-transform: uppercase;margin: 0 15px 0 0px;padding: 7px 25px;}

замените на:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 14px;float: left;font-weight: 600;text-transform: uppercase;margin: 0 15px 0 0px;padding: 7px 25px;background: #45ceb2;color: #fff;}


#6 medved26

medved26

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

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

Отправлено 02 Июнь 2018 - 11:12

Спасибо за помощь! :)
Можно ли добавить надпись в шапке под поиском: " Минимальная сумма заказа: 700 рублей" ,  и чтобы в мобильной версии корректно отображалось.

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

  • Screenshot_2.jpg


#7 medved26

medved26

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

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

Отправлено 06 Июнь 2018 - 19:07

Вопрос еще актуален! Помогите пожалуйста!

#8 Mr.Nito

Mr.Nito

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

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

Отправлено 07 Июнь 2018 - 14:37

Просмотр сообщенияmedved26 (02 Июнь 2018 - 11:12) писал:

Спасибо за помощь! :)
Можно ли добавить надпись в шапке под поиском: " Минимальная сумма заказа: 700 рублей" ,  и чтобы в мобильной версии корректно отображалось.
Текст добавил в шаблон HTML
			  <!--Минимальный заказ-->
			  <div class="min-order">
				Минимальная сумма заказа: 700 рублей
			  </div>
в main.css
.min-order {   
	position: absolute;
	z-index: 12;
	right: 130px;
	bottom: -4px;
	font-size: 11px;
	color: #18bd9c;
}
/* Личный кабинет */
и
@media all and (max-width: 481px) {
.min-order {
	right: 0;
	bottom: -19px;
}


#9 medved26

medved26

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

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

Отправлено 07 Июнь 2018 - 20:23

Спасибо! Все как надо.
Можно теперь подправить мобильную версию?
Логотип и минимальную сумму заказа поместить по центру:

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

  • IMG_15743.jpg


#10 Vaccina

Vaccina

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

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

Отправлено 08 Июнь 2018 - 08:43

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
.min-order {
	right: 0;
	bottom: -19px;
}  

замените на:
@media all and (max-width: 481px) {
.min-order {right: 0;left: 0;text-align: center;}

далее найдите:
#custommenu {display: none;}
#mommenu {display: block;z-index: 3;}
.header-middle .logo {text-align: center;float: none;}

после него пропишите:
.header-middle .logo .logo{margin-left: -25%;}


#11 medved26

medved26

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

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

Отправлено 08 Июнь 2018 - 11:13

Просмотр сообщенияVaccina (08 Июнь 2018 - 08:43) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
.min-order {
right: 0;
bottom: -19px;
} 

замените на:
@media all and (max-width: 481px) {
.min-order {right: 0;left: 0;text-align: center;}

далее найдите:
#custommenu {display: none;}
#mommenu {display: block;z-index: 3;}
.header-middle .logo {text-align: center;float: none;}

после него пропишите:
.header-middle .logo .logo{margin-left: -25%;}

Спасибо большое, но теперь строка " минимальный заказ" залезла на кнопки "поиск" и "линый кабинет". Как эту строку опустить под кнопки?(мобильная версия)

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

  • IMG_1575.jpg


#12 medved26

medved26

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

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

Отправлено 10 Июнь 2018 - 13:59

Помогите исправить пожалуйста!

#13 metry

metry

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

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

Отправлено 10 Июнь 2018 - 20:44

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

.min-order {right: 0;left: 0;text-align: center;}

замените на
.min-order {right: 0;left: 0;text-align: center;top:45px;}
:

#14 medved26

medved26

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

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

Отправлено 11 Июнь 2018 - 17:20

Спасибо!

#15 medved26

medved26

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

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

Отправлено 13 Июнь 2018 - 09:35

Помогите пожалуйста. Как оптимизировать видео и изображения в описании для мобильной версии?

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

  • IMG_1594.jpg
  • IMG_1595.jpg


#16 Mr.Nito

Mr.Nito

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

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

Отправлено 13 Июнь 2018 - 09:58

Просмотр сообщенияmedved26 (13 Июнь 2018 - 09:35) писал:

Помогите пожалуйста. Как оптимизировать видео и изображения в описании для мобильной версии?
Для адаптации видео используйте
https://forum.storel...ео/#entry276054

Для изображений уберите фиксированную ширину (Правой кнопкой по изображению Свойства изображения)

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

  • 13-06-2018 9-57-50.jpg


#17 medved26

medved26

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

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

Отправлено 13 Июнь 2018 - 16:36

Спасибо!

#18 medved26

medved26

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

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

Отправлено 14 Июнь 2018 - 13:14

Помогите пожалуйста внесте ещё некоторые изменения в карточку товара.
1. Цвет номера артикула: #000
2. Цвет "в наличии": #45ceb2
3.Цвет "товара нет в наличии" оставить:#e54dcb
4. Добавить два блока как на картинке.(в мобильной версии не нужно)

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

  • Screenshot_22.jpg
  • Screenshot_112.jpg


#19 medved26

medved26

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

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

Отправлено 14 Июнь 2018 - 22:41

И ещё одно пожалуйста :rolleyes:
В карточке товара:
1. Кнопку "В корзину" оставить как сейчас есть
2. Кнопку "Быстрый заказ" сделать белый фон;  бортик цвет:#e54dcb; буквы "быстрый заказ" цвет:#e54dcb
3.А при наведении курсором кнопка "быстрый заказ" становится такой же как кнопка "в корзину"

Для примера взял скрины из другого магазина. Там все пометил. Спасибо всем кто поможет заранее.

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

  • Без им5.jpg


#20 medved26

medved26

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

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

Отправлено 17 Июнь 2018 - 09:57

Помогите пожалуйста!





Темы с аналогичным тегами цветописание, характеристики

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

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