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


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

Автор trickster, 01 окт. 2015 13:24

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

#21 trickster

trickster

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

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

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

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> 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.

Спасибо! все получилось кроме:

Соц иконки сделал по инструкции, уехали в итоге под логотип, сейчас вернул как было.

И еще такой момент, как отрегулировать отступ: скрин прикладываю 2015-10-11 15-23-39 Скриншот экрана.png

Так же никак не могу заменить шрифт на свой, везде получается разный. Метод из прошлой инструкции не помог. 2015-10-11 15-36-12 Скриншот экрана.png

p.s. установил слайдер по инструкции
в итоге он уехал в подвал под сайт 2015-10-11 15-43-35 Скриншот экрана.png

и не получается заменить фавикон

#22 Firefly

Firefly

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

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

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

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

Спасибо! все получилось кроме:

Соц иконки сделал по инструкции, уехали в итоге под логотип, сейчас вернул как было.

И еще такой момент, как отрегулировать отступ: скрин прикладываю Прикрепленный файл 2015-10-11 15-23-39 Скриншот экрана.png

Так же никак не могу заменить шрифт на свой, везде получается разный. Метод из прошлой инструкции не помог. Прикрепленный файл 2015-10-11 15-36-12 Скриншот экрана.png

p.s. установил слайдер по инструкции
в итоге он уехал в подвал под сайт Прикрепленный файл 2015-10-11 15-43-35 Скриншот экрана.png

и не получается заменить фавикон

Чтобы уменьшить отступ:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
section[role="main"] {margin-bottom: 6em;z-index: 10;}

Замените на:
section[role="main"] {margin-bottom: 1em;z-index: 10;}

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

#23 trickster

trickster

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

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

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

Спасибо, получилось уменьшить отступ.
Скажите когда применить те установки

#24 Firefly

Firefly

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

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

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

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

Спасибо, получилось уменьшить отступ.
Скажите когда применить те установки

Здравствуйте.
Вы можете применить предыдущие изменения прямо сейчас.

#25 trickster

trickster

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

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

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

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

Здравствуйте.
Вы можете применить предыдущие изменения прямо сейчас.

упс, оказалось что соц иконки я удалил весь блок а не ту часть что вы сказали. Все получилось сейчас, спасибо еще раз!
Сейчас установлю слайдер и напишу вам, вчера ночью попробовал поставить его после "категории товаров" и он вроде бы норм встал. Хочу задать пару вопросов по настройке слайдера.

#26 trickster

trickster

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

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

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

Установил слайдер, скажите пожалуйста, как убрать точки переключения под ним?

#27 RayLi

RayLi

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

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

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

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

Установил слайдер, скажите пожалуйста, как убрать точки переключения под ним?

Здравствуйте.
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В самый конец шаблона style.css добавьте данный код:

.nivo-controlNav {
	display: none;
}

#28 trickster

trickster

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

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

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

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

Здравствуйте.
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В самый конец шаблона style.css добавьте данный код:

.nivo-controlNav {
	display: none;
}

спасибо!

#29 trickster

trickster

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

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

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

Снова здравствуйте.
У меня новые просьбы )
Скажите пожалуйста, как:
1. Сделать весь текст в линию
2. Вставить баннер в это место
Спасибо
2015-10-15 01-15-26 Скриншот экрана.png

#30 Vaccina

Vaccina

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

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

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

1. В style.css найдите:
.contacts {
	float: left;
	position: relative;
	font-size: 18px;
	font-family: sans-serif;
}
после него вставьте:
.contacts > div {
	display: inline-block;
}
далее найдите:
header[role="banner"] .hgroup {
	position: absolute;
	top: 1em;
	left: 1em;
	width: 39.8773%;
}
замените на:
header[role="banner"] .hgroup {
	position: absolute;
	top: 1em;
	left: 1em;
	width: 60%;
}

2. В шаблоне HTML перед:
  </div>
		{% ENDIF %}
</div>
	   
	  <!-- Форма поиска -->
	  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
		<div>
		  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		  <input title="Искать" type="submit" value="Поиск" />
		</div>
	  </form> 
	  <!-- /Форма поиска -->
вставьте:
<a> href="ссылка"><img src="ссылка на картинку" alt="" /></a>

#31 trickster

trickster

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

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

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

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

1. В style.css найдите:
.contacts {
float: left;
position: relative;
font-size: 18px;
font-family: sans-serif;
}
после него вставьте:
.contacts > div {
display: inline-block;
}
далее найдите:
header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 39.8773%;
}
замените на:
header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 60%;
}

2. В шаблоне HTML перед:
</div>
	 {% ENDIF %}
</div>
	
	 <!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->
вставьте:
<a> href="ссылка"><img src="ссылка на картинку" alt="" /></a>


Спасибо, 1. Получилось.
2. Не получилось, выходит вот такое 2015-10-16 02-48-07 Скриншот экрана.png

#32 Vaccina

Vaccina

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

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

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

<a> href="ссылка"><img src="ссылка на картинку" alt="" /></a>
замените на:
<a href="ссылка"><img src="ссылка на картинку" alt="" /></a>

и текст измените на необходимые ссылки

#33 trickster

trickster

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

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

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

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

<a> href="ссылка"><img src="ссылка на картинку" alt="" /></a>
замените на:
<a href="ссылка"><img src="ссылка на картинку" alt="" /></a>

и текст измените на необходимые ссылки

вот поменял, сделал так 2015-10-16 12-42-58 Скриншот экрана.png
получилось так 2015-10-16 12-45-36 Скриншот экрана.png

#34 Юля123

Юля123

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

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

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

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

вот поменял, сделал так Прикрепленный файл 2015-10-16 12-42-58 Скриншот экрана.png
получилось так Прикрепленный файл 2015-10-16 12-45-36 Скриншот экрана.png

Здравствуйте, у вас слишком большое изображение, на данный момент его размер 861*150, измените размер изображения на 458*80, а затем замените код 
<a href="ссылка"><img src="ссылка на картинку" alt="" /></a>

на следующий код 
<a class="header_banner" href="http://paulalen.ru/"><img src="http://d134592.storeland.net/richoffur.png?8712" alt="" /></a>

в стилях style.css добавьте код 

.header_banner {
	float: left;
	margin-top:5px;
}

#35 trickster

trickster

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

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

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

Просмотр сообщенияЮля123 (16 Октябрь 2015 - 13:08) писал:

Здравствуйте, у вас слишком большое изображение, на данный момент его размер 861*150, измените размер изображения на 458*80, а затем замените код
<a href="ссылка"><img src="ссылка на картинку" alt="" /></a>

на следующий код
<a class="header_banner" href="http://paulalen.ru/"><img src="http://d134592.storeland.net/richoffur.png?8712" alt="" /></a>

в стилях style.css добавьте код

.header_banner {
float: left;
margin-top:5px;
}

уменьшил и заменил код, исчез телефон, картинки не появилось

#36 Юля123

Юля123

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

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

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

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

уменьшил и заменил код, исчез телефон, картинки не появилось

Добавьте, пожалуйста, картинку в редакторе шаблонов в изображения, как новый файл, и уже оттуда вставьте ссылку на месте "адрес ссылки" в следующем коде


<a class="header_banner" href="http://paulalen.ru/"><img src="адрес ссылки" alt="" /></a>

#37 trickster

trickster

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

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

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

Просмотр сообщенияЮля123 (16 Октябрь 2015 - 14:35) писал:

Добавьте, пожалуйста, картинку в редакторе шаблонов в изображения, как новый файл, и уже оттуда вставьте ссылку на месте "адрес ссылки" в следующем коде


<a class="header_banner" href="http://paulalen.ru/"><img src="адрес ссылки" alt="" /></a>

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

#38 Юля123

Юля123

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

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

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

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

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

Извините, но Вы не добавили баннер в документы, добавьте баннер в файл в редакторе шаблонов слева и измените адрес ссылки.

#39 trickster

trickster

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

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

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

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

Извините, но Вы не добавили баннер в документы, добавьте баннер в файл в редакторе шаблонов слева и измените адрес ссылки.

отсюда брал ссылку
2015-10-16 17-41-26 Скриншот экрана.png

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

#40 Юля123

Юля123

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

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

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

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

отсюда брал ссылку
Прикрепленный файл 2015-10-16 17-41-26 Скриншот экрана.png

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


Попробуйте перенести ссылку. Для этого измените код 
{% ENDIF %}
		  <a class="header_banner" href="http://paulalen.ru/"><img src="http://design.paulalen.ru/richoffur1.png" alt="" /></a>
		  </div>
		{% ENDIF %}		
	  
	  </div>
	   
	  <!-- Форма поиска -->

на код
{% ENDIF %}
		  </div>
		{% ENDIF %}		
	   <a class="header_banner" href="http://paulalen.ru/"><img src="http://design.paulalen.ru/richoffur1.png" alt="" /></a>
	  </div>
	   
	  <!-- Форма поиска -->

Также, замечу, что баннер появляется только при разрешении экрана по ширине от 1190px
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Вечность
  5. → Изменение общей стилистики
  6. Privacy Policy