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


Шапка Над Меню, Цвет Заголовков


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

#1 Vintel

Vintel

    Новичок

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

Отправлено 24 Январь 2019 - 14:33

Доброго дня,  аккаунт SL 466495 - https://t603814.storeland.ru/

По форуму не смог найти. Вопросы такие:

1. Добавить в шапку над верхним меню картинку на всю ширину (до логотипа) и по высоте логотипа.

2. Изменить цвет шрифта всех заголовков с серого на черный (каталог товаров, сравнение товаров, заголовки на страницах и проч.)

3. Можно ли загрузить свой шрифт, если да, то как?

4. Как на главной странице поменять местами блок описания и блок товаров на главной? Чтобы товары были наверху, а описание внизу.

5. Как можно убрать кол-во товаров в категории в каталоге, я нашел этот код, удалить его полностью не получилось - выдает ошибку, я чуть изменил его и за счет этого сейчас пропало кол-во, но не уверен, что так правильно делать))

6. ПРи наведении курсора на категорию товара в каталоге цвет меняется (сделал), а как сделать, чтобы при наведении и смене цвета еще и цвет текста менялся? Сейчас при наведении текст сливается с фоном, к примеру сделать его черным

7. Размер картинки товара. Какие размеры надо выставить, чтобы все фото отображались корректно? Сейчас при открытиии карточки товара и выбора фото, рамеры разные и бегунки. Можно ли как то унифицировать? Пробовал менять размеры в основных настройках, не помогло.

8. Изменить размер полей для описания страниц (сделать в ширину раздела "товары на главной) и изменить цвет рамки этих разделов.


Заранее большое спасибо!

#2 Vintel

Vintel

    Новичок

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

Отправлено 29 Январь 2019 - 11:47

Наверное много вопросов накидал? Хотя бы по части подскажите))  Основной вопрос пункт №4

#3 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2019 - 06:07

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

1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			</table>
		  
		  </td>
		  
		  <!-- Верхний блок навигации -->
		  <td class="contentTableHeadNavigation">
          
после него вставьте:
<img src="#" alt="" /><br/>

Вместо символа # укажите ссылку на картинку, само изображение можете загрузить в раздел Сайт - Редактор шаблонов.

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
h1, h2, h3, h4, h5, h6	  {margin-bottom: 0.2em;margin-top: 0.2em;font-weight: lighter;font-family:Helvetica;color:#636363;letter-spacing:0em;line-height: 1.1em;}

замените на:
h1, h2, h3, h4, h5, h6	  {margin-bottom: 0.2em;margin-top: 0.2em;font-weight: lighter;font-family:Helvetica;color:#000000;letter-spacing:0em;line-height: 1.1em;}

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

4. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{BODY}

переместите его, поставив после:
				</table>
			  {% ENDIF %}	   
			  <!-- end Список товаров на главной -->
			{% ENDIF %}
			<!-- END Всевозможные списки товаров -->
            
5. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
						<!-- Отображение количества товаров в категории -->
						{% IF catalog.GOODSOUNT>0 %}
						 ({catalog.GOO_COUNT})
						<!-- Если есть товары в подкатегориях, укажем их количество во вложенных категориях -->
						{% ELSEIF catalog.BRANCH_GOS_COUNT>0 %}
						 ({catalog.BRANCH_GOODSOUNT})
						{% ENDIF %}
                        
6. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.contentTbodyCatalog li a:hover	 {background-color: #164395 ;color: #000;text-decoration: none;}

измените цветовое значение стиля color, например:
.contentTbodyCatalog li a:hover	 {background-color: #164395 ;color: #ffffff;text-decoration: none;}

7. Воспользуйтесь следующей инструкцией:
https://forum.storel...post__p__277560

8. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.page							  {padding:1em;width:90%;border:1px solid #DCECF7;}

замените на:
.page							  {padding:1%;width:97%;border:1px solid #DCECF7;}

и измените цветовое значение стиля border

#4 Vintel

Vintel

    Новичок

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

Отправлено 30 Январь 2019 - 10:15

Вы чудо! Спасибо! Все получается,


шрифт "Circe"

По пункту №1 <img src="sapka.jpg" alt="" /><br/>  Что то не так делаю? НЕ отображается, и как подредактировать потом размер изображения?

И еще вопрос, как поменять цвет кнопок положить в корзину и добавить в сравнение?

#5 Vaccina

Vaccina

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

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

Отправлено 31 Январь 2019 - 07:35

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.goodsDataFormSubmitButton		  {vertical-align:middle;text-align:right;white-space:nowrap;padding:1em 1em 1em 0;}

после него пропишите:
.goodsDataFormSubmitButton input	{display: block;color: #ffffff;background: #154295;}

По шрифту, к сожалению, в google fonts он отсутствует, поэтому сами шрифты загружайте в раздел Сайт - Редактор шаблонов и подключите их в main.css добавив код:
@font-face {
	font-family: 'Circe';
	src:  url('fonts/Circe.eot?8ecvs2');
	src:  url('fonts/Circe.eot?8ecvs2#iefix') format('embedded-opentype'),
		  url('fonts/Circe.ttf?8ecvs2') format('truetype'),
		  url('fonts/Circe.woff?8ecvs2') format('woff'),
		  url('fonts/Circe.svg?8ecvs2#Circe') format('svg');
	font-weight: normal;
	font-style: normal;
}

Circe - замените на необходимое название файла, и укажите его необходимому тексту.

На счет изображения, как понимаю, оно должно быть фоном, зайдите в main.css - найдите:
.contentTable					   {width:100%;}

после него вставьте:
.contentTable > thead > tr:first-child		  {background: url('{ASSETS_IMAGES_PATH}sapka.jpg') no-repeat center right;background-size: cover;}


#6 Vintel

Vintel

    Новичок

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

Отправлено 31 Январь 2019 - 10:18

Спасибо!

Еще добавились вопросы.


1. Заголовки на главной странице, в моем случае "Оборудование для систем вентиляции" и второй внизу ""Винтэл системы вентиляции" - можно их выровнять по центру?

2. Насчет изображения, (шапка) можно ли его сделать не фоном (закрывает верхний блок меню) а отдельным баннером\картинкой НАД меню, чтобы по ширине от логотипа до края и по высоте с логотипом. А под ним уже меню.

3. И такая беда появилась(?) в карточке товара при увеличении фото выдается совершенно разными размерами, я так понял изза того, что загруженные фото разного размера и качества. Можно их как-то пакетно сделать чтобы они открывали нормально? Пробовал менять размеры в "Основных" настройках, не получилось (навернео неправильно делал)

#7 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2019 - 01:56

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.pageHeader						{margin:0em 0em 1em 0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif?design=light') repeat-x scroll 0 100% transparent;}

замените на:
.pageHeader						{text-align: center;margin:0em 0em 1em 0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif?design=light') repeat-x scroll 0 100% transparent;}

чтобы для всех заголовков найдите:
h1, h2, h3, h4, h5, h6	  {margin-bottom: 0.2em;margin-top: 0.2em;font-weight: lighter;font-family:Helvetica;color:#000000;letter-spacing:0em;line-height: 1.1em;}

замените на:
h1, h2, h3, h4, h5, h6	  {text-align: center;margin-bottom: 0.2em;margin-top: 0.2em;font-weight: lighter;font-family:Helvetica;color:#000000;letter-spacing:0em;line-height: 1.1em;}


2. Если все же баннером, то воспользуйтесь инструкцией выше:

Просмотр сообщенияVaccina (30 Январь 2019 - 06:07) писал:

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

1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 </table>
		
		 </td>
		
		 <!-- Верхний блок навигации -->
		 <td class="contentTableHeadNavigation">
  
после него вставьте:
<img src="#" alt="" /><br/>

Вместо символа # укажите ссылку на картинку, само изображение можете загрузить в раздел Сайт - Редактор шаблонов.

3. Инструкция по исправлению ошибки:
https://forum.storel...ии/#entry277560




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

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