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


Изменения На Главной

Автор lelenushka, 13 дек. 2017 12:57

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

#1 lelenushka

lelenushka

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

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

Отправлено 13 Декабрь 2017 - 12:57

Добрый день, вынуждена дублировать свои вопросы, потому что в другой теме, мне никто не отвечал :mellow:
Есть 3 вопроса
1. На планшете или при уменьшении размера окна браузера в верхней строке  съехали чуть-чуть разделы (на фото отметила) можно сделать так, чтобы оно оптимизировалось при уменьшении размера окна?
Изображение


2. Помогите исправить то, что когда-то сделали )))) Убрать описание и размеры, чтобы было также как и в МЫ РЕКОМЕНДУЕМ и в ЛИДЕРЫ ПРОДАЖ

Изображение



3. Ещё в мобильной версии МЕНЮ  хотелось бы добавить, либо все разделы с главной страницы (ОПТОВИКАМ, ДОСТАВКА, ОТЗЫВЫ, КОНТАКТЫ, О НАС), либо сделать чтобы все отображалось также как и в полной версии.

Изображение

#2 metry

metry

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

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

Отправлено 26 Декабрь 2017 - 14:43

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.info-list .info-item {padding: 8px 17px;}

замените на:
.info-list .info-item {padding: 8px 5px;}
.info-list{width:85%;}

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

.info-list .info-item {padding: 8px 15px;}

замените на:
.info-list .info-item {padding: 8px 15px;text-align: center;width:20%}
.info-list{width:100%;text-align:center;float:left;}

далее найдите:
#custommenu .mainnav > li > a {display: block;color: #000000;line-height: 40px;padding: 0 22px 0 0;margin-right: 22px;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;font-weight: normal;text-transform: uppercase;}

замените на:
#custommenu .mainnav > li > a {display: block;color: #000000;line-height: 40px;padding: 0 10px 0 0;margin-right: 10px;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;font-weight: normal;text-transform: uppercase;}

2. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
.item-inner.row .product-shop .desc p{display:none;}

3. Зайдите в Редактор шаблонов-->HTML и найдите код:
			<ul class="dropdown-list">
			  {% FOR menu %}
				{% FOR header %}
				  {% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>

замените на:

			<ul class="dropdown-list">
			  <li class="info-item">
				<a href="//karlenn.ru/page/optovye-prodazhi">
				  <div class="info-icon">
					<i class="fa fa-truck"></i>
				  </div>
				  <div class="info-content">
					<h6>Оптовикам</h6>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-truck-original"></i>
				  </div>
				  <div class="info-content">
					<h6>Доставка</h6>
				  </div>
				</a>
			  </li>			 
			  <li class="info-item">
				<a href="//karlenn.ru/page/Kontakty">
				  <div class="info-icon">
					<i class="fa fa-gift"></i>
				  </div>
				  <div class="info-content">
					<h6>Контакты</h6>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="/goods/Otzyvy">
				  <div class="info-icon">
					<i class="fa fa-comments"></i>
				  </div>
				  <div class="info-content">
					<h6>Отзывы</h6>
				  </div>
				</a>
			  </li>			 
			  <li class="info-item">
				<a href="//karlenn.ru/page/about-us">
				  <div class="info-icon">
					<i class="fa fa-money"></i>
				  </div>
				  <div class="info-content">
					<h6>О нас</h6>
				  </div>
				</a>
			  </li>
			</ul>

далее зайдите в Редактор шаблонов-->main.css и найдите:

.form-search {width: 25%;}

после него вставьте:

.header-top .fa{display:none;}
.block-account .dropdown-list li {display: none;}

далее найдите:
.block-account .dropdown-list li a:before {font-family: fontawesome;font-size: 14px;content: "\f105";position: absolute;left: 0px;line-height: 20px;}

после него вставьте:
.info-item .info-icon{width:15%;float:left;}

#3 lelenushka

lelenushka

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

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

Отправлено 26 Декабрь 2017 - 17:06

Просмотр сообщенияmetry (26 Декабрь 2017 - 14:43) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.info-list .info-item {padding: 8px 17px;}

замените на:
.info-list .info-item {padding: 8px 5px;}
.info-list{width:85%;}

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

.info-list .info-item {padding: 8px 15px;}

замените на:
.info-list .info-item {padding: 8px 15px;text-align: center;width:20%}
.info-list{width:100%;text-align:center;float:left;}

далее найдите:
#custommenu .mainnav > li > a {display: block;color: #000000;line-height: 40px;padding: 0 22px 0 0;margin-right: 22px;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;font-weight: normal;text-transform: uppercase;}

замените на:
#custommenu .mainnav > li > a {display: block;color: #000000;line-height: 40px;padding: 0 10px 0 0;margin-right: 10px;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;font-weight: normal;text-transform: uppercase;}

2. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
.item-inner.row .product-shop .desc p{display:none;}

3. Зайдите в Редактор шаблонов-->HTML и найдите код:
		 <ul class="dropdown-list">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
		 </ul>

замените на:

		 <ul class="dropdown-list">
			 <li class="info-item">
			 <a href="//karlenn.ru/page/optovye-prodazhi">
				 <div class="info-icon">
				 <i class="fa fa-truck"></i>
				 </div>
				 <div class="info-content">
				 <h6>Оптовикам</h6>
				 </div>
			 </a>
			 </li>
			 <li class="info-item">
			 <a href="/page/Доставка">
				 <div class="info-icon">
				 <i class="fa fa-truck-original"></i>
				 </div>
				 <div class="info-content">
				 <h6>Доставка</h6>
				 </div>
			 </a>
			 </li>			
			 <li class="info-item">
			 <a href="//karlenn.ru/page/Kontakty">
				 <div class="info-icon">
				 <i class="fa fa-gift"></i>
				 </div>
				 <div class="info-content">
				 <h6>Контакты</h6>
				 </div>
			 </a>
			 </li>
			 <li class="info-item">
			 <a href="/goods/Otzyvy">
				 <div class="info-icon">
				 <i class="fa fa-comments"></i>
				 </div>
				 <div class="info-content">
				 <h6>Отзывы</h6>
				 </div>
			 </a>
			 </li>			
			 <li class="info-item">
			 <a href="//karlenn.ru/page/about-us">
				 <div class="info-icon">
				 <i class="fa fa-money"></i>
				 </div>
				 <div class="info-content">
				 <h6>О нас</h6>
				 </div>
			 </a>
			 </li>
		 </ul>

далее зайдите в Редактор шаблонов-->main.css и найдите:

.form-search {width: 25%;}

после него вставьте:

.header-top .fa{display:none;}
.block-account .dropdown-list li {display: none;}

далее найдите:
.block-account .dropdown-list li a:before {font-family: fontawesome;font-size: 14px;content: "\f105";position: absolute;left: 0px;line-height: 20px;}

после него вставьте:
.info-item .info-icon{width:15%;float:left;}


О боги, низкий Вам поклон и приогромнейшее спасибище :wub:  все сделала, все работает
Обратно в Главная


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

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

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