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


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


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

#1 bahmutskij76

bahmutskij76

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

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

Отправлено 12 Сентябрь 2018 - 13:53

Здравствуйте. Помогите пожалуйста сделать изменения на главной странице.

1. Вообще удалить из шапки "Доставку"   "Приём заказов"   "Гарантию".   (рис.1)

2. В подвале сайта вообще удалить иконки с логотипами соцсетей.   (рис.2)

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

  • Безымянный 2.png
  • Безымянный 3.png


#2 stasia

stasia

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

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

Отправлено 12 Сентябрь 2018 - 14:09

Просмотр сообщенияbahmutskij76 (12 Сентябрь 2018 - 13:53) писал:

Здравствуйте. Помогите пожалуйста сделать изменения на главной странице.

1. Вообще удалить из шапки "Доставку"   "Приём заказов"   "Гарантию".   (рис.1)

2. В подвале сайта вообще удалить иконки с логотипами соцсетей.   (рис.2)


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
.social-links {text-align: center;margin-bottom: 15px;}

И замените его на:
.social-links {text-align: center;margin-bottom: 15px;display: none;}


Зайдите в Редактор шаблонов --- HTML и найдите данный код:
	  <!-- Информационный блок -->
	  <div class="btn-close fa fa-minus" title="Закрыть"></div>
	  <div class="header-info" style="{% IF USER_INTERACTION_HEADER_INFO_DISPLAY = open %}display: none;{% ELSE %}display: block;{% ENDIF %}">
		<div class="container">
		  <div class="row">
			<ul class="info-list">
			  <li class="info-item">
				<a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-truck"></i>
				  </div>
				  <div class="info-content">
					<h6>Бесплатная доставка</h6>
					<p class="text-italic">Доставка по городу Бесплатна!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-gift"></i>
				  </div>
				  <div class="info-content">
					<h6>Прием заказов 24/7</h6>
					<p class="text-italic">Оформите заказ прямо сейчас!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-money"></i>
				  </div>
				  <div class="info-content">
					<h6>100% гарантия возврата</h6>
					<p class="text-italic">Возврат товара в течение 30 дней!</p>
				  </div>
				</a>
			  </li>
			</ul>
		  </div>
		</div>
	  </div>
	  <!-- Личный кабинет, Телефон, Поиск -->

Измените его на:
	  <!-- Информационный блок -->
	  <!--<div class="btn-close fa fa-minus" title="Закрыть"></div>
	  <div class="header-info" style="{% IF USER_INTERACTION_HEADER_INFO_DISPLAY = open %}display: none;{% ELSE %}display: block;{% ENDIF %}">
		<div class="container">
		  <div class="row">
			<ul class="info-list">
			  <li class="info-item">
				<a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-truck"></i>
				  </div>
				  <div class="info-content">
					<h6>Бесплатная доставка</h6>
					<p class="text-italic">Доставка по городу Бесплатна!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-gift"></i>
				  </div>
				  <div class="info-content">
					<h6>Прием заказов 24/7</h6>
					<p class="text-italic">Оформите заказ прямо сейчас!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-money"></i>
				  </div>
				  <div class="info-content">
					<h6>100% гарантия возврата</h6>
					<p class="text-italic">Возврат товара в течение 30 дней!</p>
				  </div>
				</a>
			  </li>
			</ul>
		  </div>
		</div>
	  </div>-->
	  <!-- Личный кабинет, Телефон, Поиск -->


#3 bahmutskij76

bahmutskij76

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

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

Отправлено 12 Сентябрь 2018 - 14:34

Спасибо, это получилось :)
Скажите, а здесь если писать ответом, я могу прикреплять файлы. Что-то у меня нет этого момента :(
Или нужно создать новую тему?

#4 bahmutskij76

bahmutskij76

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

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

Отправлено 12 Сентябрь 2018 - 14:54

:D  Нашёл.
Там всё получилось. спасибо.

А можно в строке Главная, Корзина, Каталог, Контакты увеличить размер шрифта, чтобы он стал идентичным со шрифтом "каталога"  (рис. 3)

Ещё можно убрать записи на слайдах "Лето", "Осень", "Весна", "Зима", "Сезонные распродажи" рисунок прикрепляю

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

  • Безымянный 4.png
  • Безымянный 5.png


#5 bahmutskij76

bahmutskij76

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

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

Отправлено 12 Сентябрь 2018 - 15:03

На всех карточках товара изменить шрифт, на красивый и читабельный, а то это совсем ужасный :D (рис.5)

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

  • Безымянный 6.png


#6 bahmutskij76

bahmutskij76

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

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

Отправлено 12 Сентябрь 2018 - 15:08

Ещё, можно переместить запись в подвале сайта ближе к логотипу и чтобы она была в столбик вот так:

Название магазина © 2018. Все права защищены.


ИП ...........................................


ОГРНИП ...............................

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

  • Безымянный 7.png


#7 stasia

stasia

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

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

Отправлено 12 Сентябрь 2018 - 16:02

Просмотр сообщенияbahmutskij76 (12 Сентябрь 2018 - 15:03) писал:

На всех карточках товара изменить шрифт, на красивый и читабельный, а то это совсем ужасный :D (рис.5)

1.  Зайдите в Редактор шаблонов --- main.css и найдите данный код:
@media all and (min-width: 768px) {
.container {width: 750px;}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
ul.step{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
ul.step li.first{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
ul.step li.first span, ul.step li.first a {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
ul.step li.last{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
ul.step li.last span{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.header-top .block-account .dropdown-list {opacity: 1;visibility: visible;transform: inherit;}
.block-account .dropdown-list li {display: inline-block;}
.block-account .dropdown-list li a {display: block;color: #929596;line-height: 40px;padding: 0 22px 0 0;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 16px;font-weight: normal;text-transform: uppercase;}

Измените его на:
@media all and (min-width: 768px) {
.container {width: 750px;}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
ul.step{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
ul.step li.first{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
ul.step li.first span, ul.step li.first a {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
ul.step li.last{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
ul.step li.last span{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.header-top .block-account .dropdown-list {opacity: 1;visibility: visible;transform: inherit;}
.block-account .dropdown-list li {display: inline-block;}
.block-account .dropdown-list li a {display: block;color: #929596;line-height: 40px;padding: 0 22px 0 0;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 19px;font-weight: normal;text-transform: uppercase;}



2.  Зайдите в Редактор шаблонов---HTML и найдите данный код:  
	  <!-- Слайдер на главной -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <ul class="accor">
		<li class="accor accor-open">
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Лето"><strong>Лето</strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Лето">Сезонные скидки и распродажи!</a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Осень">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Осень"><strong>Осень</strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Осень">Сезонные скидки и распродажи!</a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Зима"><strong>Зима</strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Зима">Сезонные скидки и распродажи!</a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Весна"><strong>Весна</strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Весна">Сезонные скидки и распродажи!</a></p>


И замените на:
	<!-- Слайдер на главной -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <ul class="accor">
		<li class="accor accor-open">
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Лето"><strong></strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Лето"></a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Осень">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Осень"><strong></strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Осень"></a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Зима"><strong></strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Зима"></a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Весна"><strong></strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Весна"></a></p>


3.  Зайдите в Редактор шаблонов --- main.css и найдите данный код:
.products-grid .item .item-inner .item-info .product-name {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
	padding: 10px 0 5px;
	font-family: "agency", 'PT Sans Narrow', sans-serif;
	font-size: 20px;
} 

Где найдите    font-family: "agency", 'PT Sans Narrow', sans-serif;   и замените  -   agency  на Ваш шрифт.

#8 bahmutskij76

bahmutskij76

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

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

Отправлено 12 Сентябрь 2018 - 17:13

Спасибо. Всё получилось. :)




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

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