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


Поменять Кнопки Местами И Придать Цвет


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

#1 kostiano12

kostiano12

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

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

Отправлено 08 Апрель 2013 - 20:08

Помогите пожалуйста сделать:
Сейчас у меня оформление заказа выглядит так (1), а хотелось что бы вот так было (2)

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

  • сейчас так.jpg
  • как так сделать.jpg


#2 Koderhan

Koderhan

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

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

Отправлено 08 Апрель 2013 - 21:12

Просмотр сообщенияkostiano12 (08 Апрель 2013 - 20:08) писал:

Помогите пожалуйста сделать:
Сейчас у меня оформление заказа выглядит так (1), а хотелось что бы вот так было (2)
Попробуйте изменить стили.
Например.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

a.messageBoxToCart {
	background: initial;
	background-color: white;
	font-size: 15px;
	height: 20px;
}
.messageBoxToCart:hover {
	background: initial;
	background-color: green;
	color: white;
}
a.nyroModalClose {
	background: initial;
	background-color: white;
	font-size: 15px;
	height: 20px;
}
.nyroModalClose:hover {
	background: initial;
	background-color: green;
	color: white;
}


#3 kostiano12

kostiano12

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

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

Отправлено 09 Апрель 2013 - 18:38

Просмотр сообщенияKoderhan (08 Апрель 2013 - 21:12) писал:

Попробуйте изменить стили.
Например.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

a.messageBoxToCart {
background: initial;
background-color: white;
font-size: 15px;
height: 20px;
}
.messageBoxToCart:hover {
background: initial;
background-color: green;
color: white;
}
a.nyroModalClose {
background: initial;
background-color: white;
font-size: 15px;
height: 20px;
}
.nyroModalClose:hover {
background: initial;
background-color: green;
color: white;
}

Не помогло, только стало при наведении загораться зеленым вместо синева  а хотелось бы что бы кнопка "оформить заказ" постоянно горела зеленым. И что бы вообще на моем сайте появилась такая кнопка "оформить заказ" а не "перейти в корзину"

#4 Stasya

Stasya

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

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

Отправлено 09 Апрель 2013 - 18:47

Замените вот этот блок
a.nyroModalClose {
background: initial;
background-color: white;
font-size: 15px;
height: 20px;
}
.nyroModalClose:hover {
background: initial;
background-color: green;
color: white;
}
на
a.nyroModalClose {
background: initial;
background-color: rgb(39, 196, 32);
font-size: 15px;
height: 20px;
}
.nyroModalClose:hover {
background: initial;
background-color: rgb(23, 66, 202);
color: rgb(255, 255, 255);
}
Затем в шаблоне Ajax добавление товара в корзину найдите строку
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose  whtblue" href="#">Продолжить покупки</a></p>
и замените ее на
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose  whtblue" href="#">Оформить заказ</a></p>


#5 kostiano12

kostiano12

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

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

Отправлено 09 Апрель 2013 - 19:23

Просмотр сообщенияStasya (09 Апрель 2013 - 18:47) писал:

Замените вот этот блок
a.nyroModalClose {
background: initial;
background-color: white;
font-size: 15px;
height: 20px;
}
.nyroModalClose:hover {
background: initial;
background-color: green;
color: white;
}
на
a.nyroModalClose {
background: initial;
background-color: rgb(39, 196, 32);
font-size: 15px;
height: 20px;
}
.nyroModalClose:hover {
background: initial;
background-color: rgb(23, 66, 202);
color: rgb(255, 255, 255);
}
Затем в шаблоне Ajax добавление товара в корзину найдите строку
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose whtblue" href="#">Продолжить покупки</a></p>
и замените ее на
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose whtblue" href="#">Оформить заказ</a></p>

Теперь надписи такие:
"Перейти в корзину" - после нажатия переходит в корзину
"Оформить заказ" - после нажатия можно продолжить покупки

#6 Сake

Сake

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

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

Отправлено 10 Апрель 2013 - 02:33

Найдите в вашем шаблоне "Ajax добавление товара в корзину"

<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose whtblue" href="#">Оформить заказ</a></p>

и замените на

<p><a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp; <a class="messageBoxToCart" href="http://{NET_DOMAIN}/order/stage/contacts">Оформить заказ</a></p>

далее добавьте в ваш файл стилей main.css

#nyroModalContent a.messageBoxToCart {
	background: none !important;
	border: none !important;
	color: #504F4F !important;
}
#nyroModalContent a.messageBoxToCart:hover {
	text-decoration: underline;
}
#nyroModalContent a.nyroModalClose {
	background: #27C420 !important;
	color: #FFFFFF !important;
	text-shadow: none !important;
}


#7 kostiano12

kostiano12

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

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

Отправлено 10 Апрель 2013 - 09:03

Просмотр сообщенияСake (10 Апрель 2013 - 02:33) писал:

Найдите в вашем шаблоне "Ajax добавление товара в корзину"

<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose whtblue" href="#">Оформить заказ</a></p>

и замените на

<p><a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp; <a class="messageBoxToCart" href="http://{NET_DOMAIN}/order/stage/contacts">Оформить заказ</a></p>

далее добавьте в ваш файл стилей main.css

#nyroModalContent a.messageBoxToCart {
background: none !important;
border: none !important;
color: #504F4F !important;
}
#nyroModalContent a.messageBoxToCart:hover {
text-decoration: underline;
}
#nyroModalContent a.nyroModalClose {
background: #27C420 !important;
color: #FFFFFF !important;
text-shadow: none !important;
}

Теперь:
горит кнопка зеленым "продолжить покупки"
кнопка "оформить заказ"  при наведении загорается

а нужно все наоборот

#8 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 09:09

Просмотр сообщенияkostiano12 (10 Апрель 2013 - 09:03) писал:

Теперь:
горит кнопка зеленым "продолжить покупки"
кнопка "оформить заказ"  при наведении загорается

а нужно все наоборот

Найдите код:
#nyroModalContent a.messageBoxToCart {
background: none !important;
border: none !important;
color: #504F4F !important;
}
#nyroModalContent a.nyroModalClose {
background: #27C420 !important;
color: #FFFFFF !important;
text-shadow: none !important;
}
и замените на:
#nyroModalContent a.messageBoxToCart {
background: #27C420 !important;
border: none !important;
color: #504F4F !important;
}
#nyroModalContent a.nyroModalClose {
background: none !important;
color: #FFFFFF !important;
text-shadow: none !important;
}


#9 kostiano12

kostiano12

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

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

Отправлено 10 Апрель 2013 - 11:57

Просмотр сообщенияmiyako (10 Апрель 2013 - 09:09) писал:

Найдите код:
#nyroModalContent a.messageBoxToCart {
background: none !important;
border: none !important;
color: #504F4F !important;
}
#nyroModalContent a.nyroModalClose {
background: #27C420 !important;
color: #FFFFFF !important;
text-shadow: none !important;
}
и замените на:
#nyroModalContent a.messageBoxToCart {
background: #27C420 !important;
border: none !important;
color: #504F4F !important;
}
#nyroModalContent a.nyroModalClose {
background: none !important;
color: #FFFFFF !important;
text-shadow: none !important;
}

"оформить заказ" выглядит как нужно, единственное хотелось бы что бы надпись жирным была, а то плохо видно что написано
а вот кнопка "продолжить покупки" вовсе исчезла

#10 Koderhan

Koderhan

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

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

Отправлено 10 Апрель 2013 - 12:47

Просмотр сообщенияkostiano12 (10 Апрель 2013 - 11:57) писал:

"оформить заказ" выглядит как нужно, единственное хотелось бы что бы надпись жирным была, а то плохо видно что написано
а вот кнопка "продолжить покупки" вовсе исчезла
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

.nyroModalClose:hover {
background: initial;
background-color: rgb(23, 66, 202);
color: rgb(255, 255, 255);
}
Заменить:

.nyroModalClose:hover {
background: initial;
background-color: rgb(23, 66, 202);
color: #30C4EB;
}


Найти код:

#nyroModalContent a.nyroModalClose {
background: none !important;
color: #FFFFFF !important;
text-shadow: none !important;
}
Заменить:
#nyroModalContent a.nyroModalClose {
background: none !important;
color: #000000 !important;/*цвет кнопки перейти */
text-shadow: none !important;
}


#11 kostiano12

kostiano12

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

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

Отправлено 10 Апрель 2013 - 13:22

Просмотр сообщенияKoderhan (10 Апрель 2013 - 12:47) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

.nyroModalClose:hover {
background: initial;
background-color: rgb(23, 66, 202);
color: rgb(255, 255, 255);
}
Заменить:

.nyroModalClose:hover {
background: initial;
background-color: rgb(23, 66, 202);
color: #30C4EB;
}


Найти код:

#nyroModalContent a.nyroModalClose {
background: none !important;
color: #FFFFFF !important;
text-shadow: none !important;
}
Заменить:
#nyroModalContent a.nyroModalClose {
background: none !important;
color: #000000 !important;/*цвет кнопки перейти */
text-shadow: none !important;
}
Все заработало, спасибо.
А вот по поводу жирного шрифта и чисто черного цвета(сейчас серый)

#12 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 13:36

Просмотр сообщенияkostiano12 (10 Апрель 2013 - 13:22) писал:

Все заработало, спасибо.
А вот по поводу жирного шрифта и чисто черного цвета(сейчас серый)

Найдите код:
#nyroModalContent a.messageBoxToCart {
background: #27C420 !important;
border: none !important;
color: #504F4F !important;
}
и замените на:
#nyroModalContent a.messageBoxToCart {
background: #27C420 !important;
border: none !important;
color: black !important;
font-weight: bold;
}


#13 kostiano12

kostiano12

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

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

Отправлено 10 Апрель 2013 - 14:05

Просмотр сообщенияmiyako (10 Апрель 2013 - 13:36) писал:

Найдите код:
#nyroModalContent a.messageBoxToCart {
background: #27C420 !important;
border: none !important;
color: #504F4F !important;
}
и замените на:
#nyroModalContent a.messageBoxToCart {
background: #27C420 !important;
border: none !important;
color: black !important;
font-weight: bold;
}

Большое спасибо, прямо как и хотел.

#14 b7000

b7000

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

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

Отправлено 30 Май 2013 - 19:43

Суммируя все
Найдите в вашем шаблоне "Ajax добавление товара в корзину"
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose  whtblue" href="#">Продолжить покупки</a></p>
и замените на
<p><a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp; <a class="messageBoxToCart" href="[url="http://{NET_DOMAIN}/order/stage/contacts%22>Оформить"]http://{NET_DOMAIN}/...tacts">Оформить[/url] заказ</a></p>
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
a.messageBoxToCart {
		background: initial;
		background-color: white;
		font-size: 20px;
		height: 30px;
}
a.nyroModalClose {
background: initial;
background-color: rgb(39, 196, 32);
font-size: 15px;
height: 20px;
}
#nyroModalContent a.messageBoxToCart {
background: #27C420 !important;
border: none !important;
color: black !important;
font-weight: bold;
}
#nyroModalContent a.nyroModalClose {
background: none !important;
color: #29a6c7 !important;/*цвет кнопки перейти */
text-shadow: none !important;
}


#15 miniup

miniup

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

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

Отправлено 04 Июнь 2013 - 21:13

Подскажите, как и где изменить цвет текста на всех шагах оформления заказа.

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

  • 5.JPG


#16 Vaccina

Vaccina

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

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

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

укажите пожалуйста адрес своего сайта

#17 miniup

miniup

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

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

Отправлено 05 Июнь 2013 - 12:59

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

укажите пожалуйста адрес своего сайта
http://puers-tea.storeland.ru/
Я фон убрал и надо что бы весь текст читался , в том числе и в разделе доставка, контакты и т.д.

#18 miyako

miyako

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

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

Отправлено 05 Июнь 2013 - 13:21

Просмотр сообщенияminiup (04 Июнь 2013 - 21:13) писал:

Подскажите, как и где изменить цвет текста на всех шагах оформления заказа.

Вставьте в конец main.css код:
.order input {
color: red !important; /*ваш цвет*/
}
Замените красный цвет (red) на код вашего цвета.

#19 miyako

miyako

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

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

Отправлено 05 Июнь 2013 - 13:27

Просмотр сообщенияminiup (05 Июнь 2013 - 12:59) писал:

http://puers-tea.storeland.ru/
Я фон убрал и надо что бы весь текст читался , в том числе и в разделе доставка, контакты и т.д.

Удалите из шаблона HTML строку кода -
<link rel="stylesheet" href="http://puers-tea.storeland.net/nyvo.css" type="text/css" media="screen">
Это стили для Слайдера. Но самого файла нет.


Найдите код в main.css:
#content .article .text {
color: #4e4e4e; /*ваш цвет*/
}

и код:
#content table.tblinput {
color: #636464; /*ваш цвет*/
}





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

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