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


Небольшие Изменения


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

#1 trickster

trickster

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

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

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

Добрый день. Решил переехать с старого шаблона которым пользовался последние пару лет на шаблон вечность.
Перед переездом хотел применить некоторые изменения на демо магазине (ведь я могу его слить в архив и уже на своем магазине открыть со всеми нужными изменениями?)
Прикрепляю скрин с вопросами

1. Увеличить размер шрифта и возможно заменить сам шрифт.

2. Телефон сделать кликабельным в моб версии

3.Заменить или убрать цветные полоски.

4. Заменить шрифт в Новинках и товарах на главной

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

  • 2015-10-01 11-33-26 Скриншот экрана.png


#2 RayLi

RayLi

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

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

Отправлено 01 Октябрь 2015 - 13:30

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

Добрый день. Решил переехать с старого шаблона которым пользовался последние пару лет на шаблон вечность.
Перед переездом хотел применить некоторые изменения на демо магазине (ведь я могу его слить в архив и уже на своем магазине открыть со всеми нужными изменениями?)
Прикрепляю скрин с вопросами

1. Увеличить размер шрифта и возможно заменить сам шрифт.

2. Телефон сделать кликабельным в моб версии

3.Заменить или убрать цветные полоски.

4. Заменить шрифт в Новинках и товарах на главной

Здравствуйте.
Сообщите нам, пожалуйста, для какого именно аккаунта вашего интернет-магазина нужно произвести данные изменения?
Уточните, пожалуйста.

#3 trickster

trickster

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

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

Отправлено 01 Октябрь 2015 - 13:38

Просмотр сообщенияRayLi (01 Октябрь 2015 - 13:30) писал:

Здравствуйте.
Сообщите нам, пожалуйста, для какого именно аккаунта вашего интернет-магазина нужно произвести данные изменения?
Уточните, пожалуйста.

Зарегестрировал новый аккаунт на днях, Аккаунт SL-357377 Вот в нем я хочу менять
Основной аккаунт Аккаунт SL-117859 (в нем пока не меняю ничего, до момента пока демо шаблон не приведу в порядок)

#4 RayLi

RayLi

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

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

Отправлено 01 Октябрь 2015 - 13:46

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

Добрый день. Решил переехать с старого шаблона которым пользовался последние пару лет на шаблон вечность.
Перед переездом хотел применить некоторые изменения на демо магазине (ведь я могу его слить в архив и уже на своем магазине открыть со всеми нужными изменениями?)
Прикрепляю скрин с вопросами

1. Увеличить размер шрифта и возможно заменить сам шрифт.

2. Телефон сделать кликабельным в моб версии

3.Заменить или убрать цветные полоски.

4. Заменить шрифт в Новинках и товарах на главной

Просмотр сообщенияtrickster (01 Октябрь 2015 - 13:38) писал:

Зарегестрировал новый аккаунт на днях, Аккаунт SL-357377 Вот в нем я хочу менять
Основной аккаунт Аккаунт SL-117859 (в нем пока не меняю ничего, до момента пока демо шаблон не приведу в порядок)

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

section.newsletter {
	background: #f15941;
	margin: 1em 0;
	padding: 1em 2.5em;
	height: 1.5em;
	width: 98%;
	left: -2%;
	font: normal 16px 'Lobster';
	color: #fff;
}

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

section.newsletter {
	background: #000000;
	margin: 1em 0;
	padding: 1em 2.5em;
	height: 1.5em;
	width: 98%;
	left: -2%;
	font: normal 16px 'Lobster';
	color: #fff;
}


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

.contacts {
	float: left;
	position: relative;
}

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

.contacts {
	float: left;
	position: relative;
	font-size: 20px;
	font-family: fantasy;
}


Снова в том же шаблоне найдите теперь этот код:

section.newsletter h3 b {
	font-size: 1.13em;
}

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

section.newsletter h3 b {
	font-size: 1.13em;
	font-family: sans-serif;
}


#5 trickster

trickster

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

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

Отправлено 01 Октябрь 2015 - 14:22

Просмотр сообщенияRayLi (01 Октябрь 2015 - 13:46) писал:

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

section.newsletter {
background: #f15941;
margin: 1em 0;
padding: 1em 2.5em;
height: 1.5em;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}

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

section.newsletter {
background: #000000;
margin: 1em 0;
padding: 1em 2.5em;
height: 1.5em;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}


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

.contacts {
float: left;
position: relative;
}

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

.contacts {
float: left;
position: relative;
font-size: 20px;
font-family: fantasy;
}


Снова в том же шаблоне найдите теперь этот код:

section.newsletter h3 b {
font-size: 1.13em;
}

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

section.newsletter h3 b {
font-size: 1.13em;
font-family: sans-serif;
}

Спасибо, сейчас буду пробовать

#6 trickster

trickster

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

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

Отправлено 01 Октябрь 2015 - 15:26

Заменил шаблон в итоге.
Скажите, как выровнять все иконки
Аккаунт SL-117859

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

  • 2015-10-01 15-25-31 Скриншот экрана.png


#7 Danil

Danil

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

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

Отправлено 01 Октябрь 2015 - 15:40

Просмотр сообщенияtrickster (01 Октябрь 2015 - 15:26) писал:

Заменил шаблон в итоге.
Скажите, как выровнять все иконки
Аккаунт SL-117859
Здравствуйте.
В style.css найдите код
.containers .items, .containers2 .items {
	display: inline-block;
	float: none !important;
	vertical-align: top;
	width: 170px !important;
}
и замените на
.containers .items, .containers2 .items {
	vertical-align: top;
	width: 170px !important;
	height: 350px !important;
	position: relative !important;
	left: 0px !important;
	top: 0px !important;
}
.items.masonry-brick h3 {
	clear: both;
	height: 55px;
}


#8 trickster

trickster

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

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

Отправлено 01 Октябрь 2015 - 16:38

Просмотр сообщенияDanil (01 Октябрь 2015 - 15:40) писал:

Здравствуйте.
В style.css найдите код
.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
vertical-align: top;
width: 170px !important;
}
и замените на
.containers .items, .containers2 .items {
vertical-align: top;
width: 170px !important;
height: 350px !important;
position: relative !important;
left: 0px !important;
top: 0px !important;
}
.items.masonry-brick h3 {
clear: both;
height: 55px;
}


заменил, не получилось. Кэш обновил

#9 Danil

Danil

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

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

Отправлено 01 Октябрь 2015 - 16:48

Просмотр сообщенияtrickster (01 Октябрь 2015 - 16:38) писал:

заменил, не получилось. Кэш обновил
В конец style.css добавьте
.items.masonry-brick figure {
	height: 190px;
}


#10 trickster

trickster

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

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

Отправлено 01 Октябрь 2015 - 16:53

Просмотр сообщенияDanil (01 Октябрь 2015 - 16:48) писал:

В конец style.css добавьте
.items.masonry-brick figure {
height: 190px;
}

сделал, все также.
может это из-за текста в заголовках?

Просмотр сообщенияtrickster (01 Октябрь 2015 - 16:51) писал:

сделал, все также.
может это из-за текста в заголовках?
все изменилось только в каталоге, а на главной нет

#11 Danil

Danil

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

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

Отправлено 01 Октябрь 2015 - 16:58

Просмотр сообщенияtrickster (01 Октябрь 2015 - 16:53) писал:

сделал, все также.
может это из-за текста в заголовках?


все изменилось только в каталоге, а на главной нет
В шаблоне html найдите код(встречается 2 раза)
<div style="width: 193px;position: relative;overflow:hidden;">
и замените на
<div style="width: 193px;position: relative;overflow:hidden;height:190px;">
Так же в конец style.css добавьте
li.jcarousel-item.jcarousel-item-horizontal h3 {
	height: 68px;
}


#12 trickster

trickster

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

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

Отправлено 01 Октябрь 2015 - 17:08

Просмотр сообщенияDanil (01 Октябрь 2015 - 16:58) писал:

В шаблоне html найдите код(встречается 2 раза)
<div style="width: 193px;position: relative;overflow:hidden;">
и замените на
<div style="width: 193px;position: relative;overflow:hidden;height:190px;">
Так же в конец style.css добавьте
li.jcarousel-item.jcarousel-item-horizontal h3 {
height: 68px;
}

все заработало! спасибо большое
Скоро еще напишу новые просьбы )

Как сделать чтобы описание товара открывалось первым делом? сейчас открываются отзывы

#13 trickster

trickster

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

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

Отправлено 01 Октябрь 2015 - 17:16

Вот еще вопрос

и описание товара, важно сделать чтобы открывалось с описания, а не с отзывов

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

  • 2015-10-01 17-10-37 Скриншот экрана.png


#14 Danil

Danil

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

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

Отправлено 01 Октябрь 2015 - 17:16

Просмотр сообщенияtrickster (01 Октябрь 2015 - 17:08) писал:

все заработало! спасибо большое
Скоро еще напишу новые просьбы )

Как сделать чтобы описание товара открывалось первым делом? сейчас открываются отзывы
В шаблоне Товар найдите код
<!-- Если есть какое-либо описание товара -->
		  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
			<li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
		  {% ENDIF %}
		  <!-- Если есть характеристики товара -->
		  {% IFNOT goods_features_empty %}
			<li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
		  {% ENDIF %}
		  <!-- Если есть информация о доставке товара -->
		  {% IFNOT goods_delivery_empty %}
			<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
		  {% ENDIF %}
		  <!-- Если подключен модуль отзывов о товарах -->
		  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			<li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
		  {% ENDIF %}
и замените на
<!-- Если есть какое-либо описание товара -->
		  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
			<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>
		  {% ENDIF %}
		  <!-- Если есть характеристики товара -->
		  {% IFNOT goods_features_empty %}
			<li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
		  {% ENDIF %}
		  <!-- Если есть информация о доставке товара -->
		  {% IFNOT goods_delivery_empty %}
			<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
		  {% ENDIF %}
		  <!-- Если подключен модуль отзывов о товарах -->
		  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>
		  {% ENDIF %}
В main.js найдите и удалите код
   // Ставим отметку, о том что не нужно инициализировать первый таб на странице
	  isFind = 1;


#15 trickster

trickster

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

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

Отправлено 01 Октябрь 2015 - 17:28

Просмотр сообщенияDanil (01 Октябрь 2015 - 17:16) писал:

В шаблоне Товар найдите код
<!-- Если есть какое-либо описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
		 {% ENDIF %}
		 <!-- Если есть характеристики товара -->
		 {% IFNOT goods_features_empty %}
		 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
		 {% ENDIF %}
		 <!-- Если есть информация о доставке товара -->
		 {% IFNOT goods_delivery_empty %}
		 <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
		 {% ENDIF %}
		 <!-- Если подключен модуль отзывов о товарах -->
		 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
		 <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
		 {% ENDIF %}
и замените на
<!-- Если есть какое-либо описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>
		 {% ENDIF %}
		 <!-- Если есть характеристики товара -->
		 {% IFNOT goods_features_empty %}
		 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
		 {% ENDIF %}
		 <!-- Если есть информация о доставке товара -->
		 {% IFNOT goods_delivery_empty %}
		 <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
		 {% ENDIF %}
		 <!-- Если подключен модуль отзывов о товарах -->
		 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
		 <li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>
		 {% ENDIF %}
В main.js найдите и удалите код
// Ставим отметку, о том что не нужно инициализировать первый таб на странице
	 isFind = 1;

спасибо, готово.

Еще всплыло только что в мобильной версии.

И еще появилось две кнопки отзывов, одна рабочая вторая нет2015-10-01 18-26-24 Скриншот экрана.png

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

  • qCJWDq9ULeg.jpg
  • 2015-10-01 18-26-24 Скриншот экрана.png


#16 trickster

trickster

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

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

Отправлено 07 Октябрь 2015 - 16:41

Добрый день. Собрал более обширный список того что не смог поменять.

1. Изменить цвет который при наведении и когда ссылка активна.

2. Изменить цвет полоски или вообще заменить её

3. Изменить шрифт который тут на другой, какие то предустановленные шрифты есть или надо загружать?
2015-10-07 17-04-14 Скриншот экрана.png

4. Изменить размер шрифта, увеличить его. И возможно заменить на другой.

5. Тут аналогично, изменить шрифт и его цвет

6. Почти тоже что и 1ое, заменить цвет на мой и заменить цвет текста на мой

2015-10-07 17-13-37 Скриншот экрана.png

7. Изменить цвет кнопки наверх

8.9 Удалить раздел - Материалы сми, и сдвинуть оставшиеся разделы по левому краю.

2015-10-07 17-16-54 Скриншот экрана.png

10. Сделать один шрифт для всех браузеров, во всех он совершенно разный.

В мобильной версии номер не вызывается (пока писал текст, решил проблему с вызовом)

2015-10-07 17-26-32 Скриншот экрана.png

11. P.s. Кнопка отзывы теперь в двойном виде.
2015-10-07 17-42-37 Скриншот экрана.png


Заранее спасибо, жду вашего ответа.

#17 Firefly

Firefly

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

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

Отправлено 07 Октябрь 2015 - 17:59

Просмотр сообщенияtrickster (07 Октябрь 2015 - 16:41) писал:

Добрый день. Собрал более обширный список того что не смог поменять.

1. Изменить цвет который при наведении и когда ссылка активна.

2. Изменить цвет полоски или вообще заменить её

3. Изменить шрифт который тут на другой, какие то предустановленные шрифты есть или надо загружать?
Прикрепленный файл 2015-10-07 17-04-14 Скриншот экрана.png

4. Изменить размер шрифта, увеличить его. И возможно заменить на другой.

5. Тут аналогично, изменить шрифт и его цвет

6. Почти тоже что и 1ое, заменить цвет на мой и заменить цвет текста на мой

Прикрепленный файл 2015-10-07 17-13-37 Скриншот экрана.png

7. Изменить цвет кнопки наверх

8.9 Удалить раздел - Материалы сми, и сдвинуть оставшиеся разделы по левому краю.

Прикрепленный файл 2015-10-07 17-16-54 Скриншот экрана.png

10. Сделать один шрифт для всех браузеров, во всех он совершенно разный.

В мобильной версии номер не вызывается (пока писал текст, решил проблему с вызовом)

Прикрепленный файл 2015-10-07 17-26-32 Скриншот экрана.png

11. P.s. Кнопка отзывы теперь в двойном виде.
Прикрепленный файл 2015-10-07 17-42-37 Скриншот экрана.png


Заранее спасибо, жду вашего ответа.

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

1. Для меню каталога:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.head li a {color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.head li:last-child a {border-right: 0;}
.head a:hover, .head a.selected, nav a:active {background-color: #404040;}

В первой строке кода указан цвет #fff у самих ссылок в обычном виде.
В третей строке указан цвет заливки при наведении.

Для кнопки поиск:
В style.css найдите код:
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

Измените цвет #404040 на необходимый (в обычном состоянии).

Найдите код:
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}

Измените код цвета #505050 (при наведении)

2,3 Найдите код:
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}

Измените код цвета #f15941 на необходимый.
Здесь Вы так же можете изменить шрифт на желаемый, например Arial, Times New Roman и подобные.
Если необходимый Вам шрифт при изменении не будет отображаться на сайте, его можно будет подключить.
Более подробно про подключение, Вы можете прочитать здесь.

4. Зайдите в админ. панель -> Сайт -> Страницы -> в режиме редактирования откройте страницу "Оплата и доставка" -> нажмите на кнопку "Источник", найдите код:
<span style="font-size:14px;">&amp;amp;nbsp;<br />
<strong>Доставка и примерка по Москве - бесплатно.&amp;amp;nbsp;</strong><br />

Измените значение размера 14px.

5. В style.css найдите код:
.summary a {color: #ffe4ab; background: #34a8c4;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}

Замените на:
.summary a {color: #ffe4ab; background: #34a8c4;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;font-size: 12px;}
В данном коде измените цвет #ffe4ab и при необходимости размер шрифта 12px.

6. Цвет цифры изменится вместе с цветом текста из сообщения 5. Чтобы изменить цвет кружочка найдите код:
.summary strong {background: #3c3c3c; padding: 0.25em; height: 1.5em; width: 1.5em; border-radius: 1em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;}
Здесь измените значение #3c3c3c.

7. В style.css найдите код:
#Go_Top span {position: absolute;font-size: 25px;}

Замените на:
#Go_Top span {position: absolute;font-size: 25px;color: #000;}
Измените при необходимости цвет #000 на необходимый.

8,9 Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<section>
<div class="menu_main">
<h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>

Замените на:
<section style="display: none;">
<div class="menu_main">
<h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>

В style.css найдите код:
footer section {width: 17.546012%; float: left; margin: 0 0 2em 3.0674847%;}

Замените на:
footer section {width: 30%; float: left; margin: 0 0 2em 3.0674847%;}

11. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
		  <!-- Если подключен модуль отзывов о товарах -->
		  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			<li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
		  {% ENDIF %}
		</ul>
		<!-- Если есть какое-либо описание товара -->

Замените на:
		<!-- Если есть какое-либо описание товара -->


#18 trickster

trickster

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

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

Отправлено 09 Октябрь 2015 - 14:08

Просмотр сообщенияFirefly (07 Октябрь 2015 - 17:59) писал:

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

1. Для меню каталога:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.head li a {color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.head li:last-child a {border-right: 0;}
.head a:hover, .head a.selected, nav a:active {background-color: #404040;}

В первой строке кода указан цвет #fff у самих ссылок в обычном виде.
В третей строке указан цвет заливки при наведении.

Для кнопки поиск:
В style.css найдите код:
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

Измените цвет #404040 на необходимый (в обычном состоянии).

Найдите код:
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}

Измените код цвета #505050 (при наведении)

2,3 Найдите код:
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}

Измените код цвета #f15941 на необходимый.
Здесь Вы так же можете изменить шрифт на желаемый, например Arial, Times New Roman и подобные.
Если необходимый Вам шрифт при изменении не будет отображаться на сайте, его можно будет подключить.
Более подробно про подключение, Вы можете прочитать здесь.

4. Зайдите в админ. панель -> Сайт -> Страницы -> в режиме редактирования откройте страницу "Оплата и доставка" -> нажмите на кнопку "Источник", найдите код:
<span style="font-size:14px;">&amp;amp;nbsp;<br />
<strong>Доставка и примерка по Москве - бесплатно.&amp;amp;nbsp;</strong><br />

Измените значение размера 14px.

5. В style.css найдите код:
.summary a {color: #ffe4ab; background: #34a8c4;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}

Замените на:
.summary a {color: #ffe4ab; background: #34a8c4;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;font-size: 12px;}
В данном коде измените цвет #ffe4ab и при необходимости размер шрифта 12px.

6. Цвет цифры изменится вместе с цветом текста из сообщения 5. Чтобы изменить цвет кружочка найдите код:
.summary strong {background: #3c3c3c; padding: 0.25em; height: 1.5em; width: 1.5em; border-radius: 1em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;}
Здесь измените значение #3c3c3c.

7. В style.css найдите код:
#Go_Top span {position: absolute;font-size: 25px;}

Замените на:
#Go_Top span {position: absolute;font-size: 25px;color: #000;}
Измените при необходимости цвет #000 на необходимый.

8,9 Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<section>
<div class="menu_main">
<h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>

Замените на:
<section style="display: none;">
<div class="menu_main">
<h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>

В style.css найдите код:
footer section {width: 17.546012%; float: left; margin: 0 0 2em 3.0674847%;}

Замените на:
footer section {width: 30%; float: left; margin: 0 0 2em 3.0674847%;}

11. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
		 <!-- Если подключен модуль отзывов о товарах -->
		 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
		 <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
		 {% ENDIF %}
	 </ul>
	 <!-- Если есть какое-либо описание товара -->

Замените на:
	 <!-- Если есть какое-либо описание товара -->

Большое спасибо! Почти все получилось, кроме некоторых моментов, напишу чуть позже

#19 trickster

trickster

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

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

Отправлено 09 Октябрь 2015 - 20:11

Просмотр сообщенияtrickster (09 Октябрь 2015 - 14:08) писал:

Большое спасибо! Почти все получилось, кроме некоторых моментов, напишу чуть позже

Доброго времени.
Вот какие проблемы еще остались.
Во первых: По поводу отзывов, удалил по вашей инструкции, в итоге получилось так 2015-10-07 21-22-53 Скриншот экрана.png
Сейчас откатил до старой версии с двумя кнопками отзывов, хотелось бы поправить.

А теперь еще некоторые моменты.

1. Опустить логотип пониже, либо чуть увеличить. Как это сделать?

2. Нашел тут в другой теме интсрукцию по добавлению соц иконок. По ней хотел добавить ВК и Ярмарку мастеров, в итоге они шли одна над другой. Вопрос, как сделать чтобы иконка ВК стояла первая, иконка ярмарки вторая. У них разные размеры.

3. Хочу еще тут заменить цвет, может быть я пропустил там что-то выше, но мне кажется просто забыл об этом попросить в прошлом посте.

4. Не нашел как изменить цвет на кнопке заказать.
2015-10-10 20-00-52 Скриншот экрана.png


Заранее спасибо

#20 Firefly

Firefly

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

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

Отправлено 10 Октябрь 2015 - 10:19

Просмотр сообщенияtrickster (09 Октябрь 2015 - 20:11) писал:

Доброго времени.
Вот какие проблемы еще остались.
Во первых: По поводу отзывов, удалил по вашей инструкции, в итоге получилось так Прикрепленный файл 2015-10-07 21-22-53 Скриншот экрана.png
Сейчас откатил до старой версии с двумя кнопками отзывов, хотелось бы поправить.

А теперь еще некоторые моменты.

1. Опустить логотип пониже, либо чуть увеличить. Как это сделать?

2. Нашел тут в другой теме интсрукцию по добавлению соц иконок. По ней хотел добавить ВК и Ярмарку мастеров, в итоге они шли одна над другой. Вопрос, как сделать чтобы иконка ВК стояла первая, иконка ярмарки вторая. У них разные размеры.

3. Хочу еще тут заменить цвет, может быть я пропустил там что-то выше, но мне кажется просто забыл об этом попросить в прошлом посте.

4. Не нашел как изменить цвет на кнопке заказать.
Прикрепленный файл 2015-10-10 20-00-52 Скриншот экрана.png


Заранее спасибо

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
		  <!-- Если подключен модуль отзывов о товарах -->
		  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			<li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
		  {% ENDIF %}
		</ul>
		<!-- Если есть какое-либо описание товара -->

Замените на:
		</ul>
		<!-- Если есть какое-либо описание товара -->

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}

Замените на:
header[role="banner"] h1 a {height: 127px;width: 175px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;padding-top: 10px;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
	  <!-- Иконки соц.сетей -->
		<div class="socialIcons">
		 <a href="http://www.livemaster.ru/saleshide/feedbacks" target="_blank">
				 <img alt="" src="http://st.paulalen.ru/7/1744/945/yarmarka.png" />
		 </a>
		 <!-- И так далее -->
		 </div>
<!-- /Иконки соц.сетей -->

Замените на:
	  <!-- Иконки соц.сетей -->
		<div class="socialIcons">
		<a href="ссылка на группу вк" target="_blank">
				 <img alt="" src="ссылка на иконку вк" />
		 </a>
		 <a href="http://www.livemaster.ru/saleshide/feedbacks" target="_blank">
				 <img alt="" src="http://st.paulalen.ru/7/1744/945/yarmarka.png" />
		 </a>
		 <!-- И так далее -->
		 </div>
	  <!-- /Иконки соц.сетей -->

В style.css найдите код:
.socialIcons img{
width: 150px;
height: 49px;
margin-right:10px;
border-radius: 8px;
}

Замените на:
.socialIcons img{
height: 49px;
margin-right:10px;
border-radius: 8px;
}

3. В style.css найдите код:
.summary a:hover, .basket-info:hover .summary a {background: #4a4949; color: #d5d5d5}

За цвет фона здесь отвечает значение #4a4949

4. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.buy-item button {width: auto;overflow: visible;vertical-align: top;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}

Найдите код:
@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen  and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}

Измените в данных строках кода значение кода цвета #13AF13.




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

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