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


Изменение Цвета Сайта

цвет лазурь

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

#21 MikhailC

MikhailC

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

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

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

Просмотр сообщенияDanil (07 Июнь 2015 - 09:19) писал:

Условия доставки редактируются в разделе Настройки - Доставка.
Здравствуйте,  подскажите пожалуйста, как осуществить следующее: при нажатии клиентом "оформить заказ" страница открывает только форму быстрого оформления заказа и способ доставки, а способ оплаты и адрес доставки нужно удалить оттуда.
У формы быстрого оформления заказа нужно добавить графу "комментарий" чтобы пользователь указал дополнительную информацию, какую пожелает.



#22 Ирина345

Ирина345

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

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

Отправлено 08 Июнь 2015 - 16:20

Просмотр сообщенияMikhailC (07 Июнь 2015 - 19:55) писал:

Здравствуйте,  подскажите пожалуйста, как осуществить следующее: при нажатии клиентом "оформить заказ" страница открывает только форму быстрого оформления заказа и способ доставки, а способ оплаты и адрес доставки нужно удалить оттуда.
У формы быстрого оформления заказа нужно добавить графу "комментарий" чтобы пользователь указал дополнительную информацию, какую пожелает.


Здравствуйте,
Полностью нельзя убрать способ оплаты, он должен присутствовать, т.е. вам необходимо зайти в раздел Настройки-Оплата и создать способ оплаты.
При оформление для того что бы скрыть, зайдите в шаблон Быстрый заказ
 <div class="quick_order_payment" rel="{order_delivery.ID}" style="display: none;"> 
			<div class="title-box text-center" >
			  <h2 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h2>
			</div>
			<div class="orderStagePayment">
замените на

 <div class="quick_order_payment" rel="{order_delivery.ID}" style="display: none;"> 
			<div class="title-box text-center"  style="display: none;">
			  <h2 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h2>
			</div>
			<div class="orderStagePayment" style="display: none;">
Что бы добавить комментарий, зайдите в раздел Настройки-Основные и установите для поля Комментарий условие "Обязательное для заполнения" или "Необязательное для заполнения"

#23 Hiding

Hiding

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

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

Отправлено 17 Июнь 2015 - 12:45

А такие команды как linear-gradient не поддерживаются?

#24 Firefly

Firefly

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

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

Отправлено 17 Июнь 2015 - 12:58

Просмотр сообщенияHiding (17 Июнь 2015 - 12:45) писал:

А такие команды как linear-gradient не поддерживаются?

Здравствуйте.
Все параметры, применяемые на данный момент в CSS2.1 и CSS3 полностью поддерживаются.
Более подробно, как использовать данный параметр, Вы можете ознакомиться здесь.

#25 Hiding

Hiding

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

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

Отправлено 17 Июнь 2015 - 14:06

Чет не получается. Вот код
#menu .inner {width: 100%;background: linear-gradient(to top, #fefcea, #f1da36) url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}
breadcrumbs-bg.jpg я удалил. Получается прозрачный фон почему-то...
Пробовал с поддержкой различных браузеров. Все равно.

#26 Firefly

Firefly

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

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

Отправлено 17 Июнь 2015 - 14:25

Просмотр сообщенияHiding (17 Июнь 2015 - 14:06) писал:

Чет не получается. Вот код
#menu .inner {width: 100%;background: linear-gradient(to top, #fefcea, #f1da36) url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}
breadcrumbs-bg.jpg я удалил. Получается прозрачный фон почему-то...
Пробовал с поддержкой различных браузеров. Все равно.

Данный параметр не будет работать совместно с дополнительным url.
В main.css найдите строку:
#menu .inner {width: 100%; background: rgba(0, 0, 0, 0.4) url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}

Замените на:
#menu .inner {/* width: 100%; *//* background: rgba(0, 0, 0, 0.4) url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top; */}

Сразу после нее добавьте:
#menu .inner {width: 100%;background: linear-gradient(to top, #fefcea, #f1da36) }


#27 Hiding

Hiding

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

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

Отправлено 17 Июнь 2015 - 14:28

А понял. Спасибо.

#28 Hiding

Hiding

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

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

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

Еще вопрос.
А под слайдером как изменить.
#breadcrumbs:before, #slideshow:before {/*background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");*/background-color:radial-gradient(ellipse farthest-side at right bottom,rgba(238,48,167,1),rgba(16,78,139,0.6)120%)/*;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;*/}
#breadcrumbs:before, #slideshow:before {/*background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");*/background-color:radial-gradient(ellipse farthest-side at right bottom,rgba(238,48,167,1),rgba(16,78,139,0.6)120%);/*background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;*/}
Чет не правильно делаю...

#29 Firefly

Firefly

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

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

Отправлено 17 Июнь 2015 - 15:45

Просмотр сообщенияHiding (17 Июнь 2015 - 15:20) писал:

Еще вопрос.
А под слайдером как изменить.
#breadcrumbs:before, #slideshow:before {/*background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");*/background-color:radial-gradient(ellipse farthest-side at right bottom,rgba(238,48,167,1),rgba(16,78,139,0.6)120%)/*;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;*/}
#breadcrumbs:before, #slideshow:before {/*background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");*/background-color:radial-gradient(ellipse farthest-side at right bottom,rgba(238,48,167,1),rgba(16,78,139,0.6)120%);/*background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;*/}
Чет не правильно делаю...

В main.css найдите код:
/* Хлебные крошки */
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #005b5b;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;}
#breadcrumbs {position: relative;padding: 30px 0;}
#breadcrumbs:before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: -80px;z-index: -1;}
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #005b5b;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}

Замените на:
/* Хлебные крошки */
#breadcrumbs:before, #slideshow:before {/* background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg"); *//* background-color: #005b5b; *//* background-position: top center; *//* background-repeat: no-repeat; */bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;}
#breadcrumbs:before, #slideshow:before {background-color:radial-gradient(ellipse farthest-side at right bottom,rgba(238,48,167,1),rgba(16,78,139,0.6)120%);}
#breadcrumbs {position: relative;padding: 30px 0;}
#breadcrumbs:before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: -80px;z-index: -1;}
#breadcrumbs:before, #slideshow:before {/* background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg"); *//* background-color: #005b5b; *//* background-position: top center; *//* background-repeat: no-repeat; */bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
#breadcrumbs:before, #slideshow:before {background-color:radial-gradient(ellipse farthest-side at right bottom,rgba(238,48,167,1),rgba(16,78,139,0.6)120%);}


#30 Hiding

Hiding

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

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

Отправлено 17 Июнь 2015 - 15:49

Не помогло.

#31 Firefly

Firefly

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

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

Отправлено 17 Июнь 2015 - 16:39

Просмотр сообщенияHiding (17 Июнь 2015 - 15:49) писал:

Не помогло.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#breadcrumbs:before, #slideshow:before {background-color:radial-gradient(ellipse farthest-side at right bottom,rgba(238,48,167,1),rgba(16,78,139,0.6)120%);}

Замените на:
#breadcrumbs:before, #slideshow:before {background: radial-gradient(ellipse farthest-side at right bottom, rgba(238,48,167,1) 0%, rgba(16,78,139,0.6) 120%);}

Найдите второй код:
#breadcrumbs:before, #slideshow:before {background-color:radial-gradient(ellipse farthest-side at right bottom,rgba(238,48,167,1),rgba(16,78,139,0.6)120%);}

Замените на:
#breadcrumbs:before, #slideshow:before {background: radial-gradient(ellipse farthest-side at right bottom, rgba(238,48,167,1) 0%, rgba(16,78,139,0.6) 120%);}


#32 Hiding

Hiding

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

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

Отправлено 17 Июнь 2015 - 16:42

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

#33 Pogranets

Pogranets

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

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

Отправлено 16 Сентябрь 2017 - 17:36

добрый день, как мне поменять цвет в шапке сайта, и в самом низу где все контакты.

на темно-синий цвет с белыми буквами.

#34 RayLi

RayLi

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

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

Отправлено 16 Сентябрь 2017 - 17:53

Просмотр сообщенияPogranets (16 Сентябрь 2017 - 17:36) писал:

добрый день, как мне поменять цвет в шапке сайта, и в самом низу где все контакты.

на темно-синий цвет с белыми буквами.

Здравствуйте.
В шаблоне main.css найдите, пожалуйста, следующий код:

#footer-middle {
	background: #fff;
	border: 1px solid #3f3f3f;
	padding: 30px 0;
	margin-top: 20px;
	color: #000;
}

И замените его вот этим вот кодом:

#footer-middle {
	background: #221d63;
	border: 1px solid #ffffff;
	padding: 30px 0;
	margin-top: 20px;
	color: #fff;
}


Далее в том же шаблоне найдите, пожалуйста, следующий код:

#footer-middle a, #footer-middle p {
	color: #000;
}

И замените его вот этим вот кодом:

#footer-middle a, #footer-middle p {
	color: #fff;
}


После чего там же найдите, пожалуйста, данный код:

#footer-middle h5 {
	color: #000;
}

И замените его вот этим вот кодом:

#footer-middle h5 {
	color: #fff;
}


Далее там же найдите, пожалуйста, следующий код:


#footer-middle .column {
	margin-bottom: 20px;
	overflow: hidden;
	border-left: 1px solid #464646;
}

И замените его этим кодом:

#footer-middle .column {
	margin-bottom: 20px;
	overflow: hidden;
	border-left: 1px solid #ffffff;
}


После чего снова там же найдите, пожалуйста, данный код:

button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	font-size: 100%;
	color: #b5b5b5;
	border: 1px solid #505050;
	outline: none;
	background-color: transparent;
}

И замените его вот этим вот кодом:

button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	font-size: 100%;
	color: #efefef;
	border: 1px solid #ffffff;
	outline: none;
	background-color: transparent;
}


#35 Pogranets

Pogranets

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

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

Отправлено 16 Сентябрь 2017 - 18:30

Просмотр сообщенияRayLi (16 Сентябрь 2017 - 17:53) писал:

Здравствуйте.
В шаблоне main.css найдите, пожалуйста, следующий код:

#footer-middle {
background: #fff;
border: 1px solid #3f3f3f;
padding: 30px 0;
margin-top: 20px;
color: #000;
}

И замените его вот этим вот кодом:

#footer-middle {
background: #221d63;
border: 1px solid #ffffff;
padding: 30px 0;
margin-top: 20px;
color: #fff;
}


Далее в том же шаблоне найдите, пожалуйста, следующий код:

#footer-middle a, #footer-middle p {
color: #000;
}

И замените его вот этим вот кодом:

#footer-middle a, #footer-middle p {
color: #fff;
}


После чего там же найдите, пожалуйста, данный код:

#footer-middle h5 {
color: #000;
}

И замените его вот этим вот кодом:

#footer-middle h5 {
color: #fff;
}


Далее там же найдите, пожалуйста, следующий код:


#footer-middle .column {
margin-bottom: 20px;
overflow: hidden;
border-left: 1px solid #464646;
}

И замените его этим кодом:

#footer-middle .column {
margin-bottom: 20px;
overflow: hidden;
border-left: 1px solid #ffffff;
}


После чего снова там же найдите, пожалуйста, данный код:

button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
font-size: 100%;
color: #b5b5b5;
border: 1px solid #505050;
outline: none;
background-color: transparent;
}

И замените его вот этим вот кодом:

button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
font-size: 100%;
color: #efefef;
border: 1px solid #ffffff;
outline: none;
background-color: transparent;
}


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

помогите настроить его нормально.

и пишет

На сайте есть

1 JS ошибка

.


Это сообщение покупатели не видят.


Подробнее



Ошибка 1JS

#36 Pogranets

Pogranets

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

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

Отправлено 16 Сентябрь 2017 - 18:38

Аккаунт SL-418431

#37 Vaccina

Vaccina

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

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

Отправлено 17 Сентябрь 2017 - 07:40

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

Вы стерли некоторые символы, в main.css найдите:

#footer-middle {background: #221d63; border: 1px solid #ffffff; padding: 30px 0; margin-top: 20px; color: #fff;
#footer-middle .column {margin-bottom: 20px; overflow: hidden; border-left: 1px solid #ffffff;}


замените на:

#footer-middle {background: #221d63; border: 1px solid #ffffff; padding: 30px 0; margin-top: 20px; color: #fff;}
#footer-middle .column {margin-bottom: 20px; overflow: hidden; border-left: 1px solid #ffffff;}


далее найдите:
button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
font-size: 100%; color: #efefef; border: 1px solid #ffffff; outline: none; background-color: transparent

textarea, #feedback_file {width: 100%;max-width: 350px;font-family: Arial;}

замените на:
button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
font-size: 100%;
color: #efefef;
border: 1px solid #ffffff;
outline: none;
background-color: transparent;
}

textarea, #feedback_file {width: 100%;max-width: 350px;font-family: Arial;}


#38 Pogranets

Pogranets

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

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

Отправлено 17 Сентябрь 2017 - 17:57

Просмотр сообщенияVaccina (17 Сентябрь 2017 - 07:40) писал:

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

Вы стерли некоторые символы, в main.css найдите:

#footer-middle {background: #221d63; border: 1px solid #ffffff; padding: 30px 0; margin-top: 20px; color: #fff;
#footer-middle .column {margin-bottom: 20px; overflow: hidden; border-left: 1px solid #ffffff;}


замените на:

#footer-middle {background: #221d63; border: 1px solid #ffffff; padding: 30px 0; margin-top: 20px; color: #fff;}
#footer-middle .column {margin-bottom: 20px; overflow: hidden; border-left: 1px solid #ffffff;}


далее найдите:
button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
font-size: 100%; color: #efefef; border: 1px solid #ffffff; outline: none; background-color: transparent

textarea, #feedback_file {width: 100%;max-width: 350px;font-family: Arial;}

замените на:
button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
font-size: 100%;
color: #efefef;
border: 1px solid #ffffff;
outline: none;
background-color: transparent;
}

textarea, #feedback_file {width: 100%;max-width: 350px;font-family: Arial;}


Спасибо всё получилось.

А верх тоже можно синим сделать, где указано на фото

И внизу тоже поменять цвет на кнопке как указано на картинке, и цвет в названии товара ярко синим, а цену оранжевым.  И где каталог тоже черным цветом а то совсем не видно

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

  • 11111111.png


#39 Pogranets

Pogranets

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

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

Отправлено 17 Сентябрь 2017 - 18:02

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

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

  • 2222.png


#40 metry

metry

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

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

Отправлено 17 Сентябрь 2017 - 18:09

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

#header-top {background: #3f3f3f;height: 42px;}

- для background задайте свой код цвета. Код цвета можно подобрать на этом ресурсе.

далее найдите:

#breadcrumbs {min-height: 20px;margin: 0 0 20px;border-bottom: 1px solid #3f3f3f;border-top: 1px solid #3f3f3f;background: #343434;padding: 12px 0;}

- для background,border-top,border-bottom задайте свой код цвета. Код цвета можно подобрать на этом ресурсе.


Чтобы сменить цвет названия товара в карточке товара найдите:
.product-shop .product-name h2 {max-height: 68px;overflow: hidden;}

замените на:

.product-shop .product-name h2 {max-height: 68px;overflow: hidden;color:#000;}

- в вставленном коде  для color задайте свой код цвета. Код цвета можно подобрать на этом ресурсе.

Чтобы сменить цвет цены найдите:

.price {font-weight: bold;color: #000;white-space: nowrap;}


- для color задайте свой код цвета. Код цвета можно подобрать на этом ресурсе.




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

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