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


Замены Шапки Мазазина


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

#1 Денис К.

Денис К.

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

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

Отправлено 20 Апрель 2018 - 19:12

Помогите добавить такую полоску с телефоном, регистрацией и закладками  в шапку.

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

  • Снимок экрана (48).png
  • Снимок экрана (49).png


#2 Firefly

Firefly

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

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

Отправлено 21 Апрель 2018 - 10:20

Просмотр сообщенияДенис К. (20 Апрель 2018 - 19:12) писал:

Помогите добавить такую полоску с телефоном, регистрацией и закладками  в шапку.

Здравствуйте.
В шаблоне HTML добавил Вам код:
	<div id="header-top">
	  <div class="container">
		<div class="row">
		  <div class="col-md-6 col-xs-12">
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"></em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
		  </div>
		  <div class="col-md-4 col-xs-12">
			  <ul>
				{% IFNOT CLIENT_IS_LOGIN %}
				<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход/Регистрация</a></li>
				{% ELSE %}
				<li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
				{% ENDIF %}
			  </ul>
		  </div>
		  <div class="col-md-2 col-xs-12">
			  <ul>
				  <li><a href="{FAVORITES_URL}" title="Избранные товары">Закладки</a></li>
			  </ul>
		  </div>
		</div>
	  </div>
	</div>

И в шаблоне main.css код стилей:
#header-top {display: inline-block;position: relative;font-size: 14px;padding: 0px 15px;margin-bottom: 15px;text-transform: uppercase;color: #ffffff;background-color: #333744;height: 40px;width: 100%;}
#header-top a {display: inline-block;color: #fff;line-height: 10px;margin: 0;}
#header-top p {display: inline-block;color: #fff;margin-top: 10px;}
#header-top p .fa {margin-right: 5px;}
#header-top ul {list-style: none; line-height: 10px;}
#header-top ul li {text-align: right;}


#3 Денис К.

Денис К.

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

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

Отправлено 23 Апрель 2018 - 18:34

Круто))) Большое СПАСИБО!!!!

#4 Денис К.

Денис К.

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

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

Отправлено 23 Апрель 2018 - 19:21

Помогите убрать нижний блок с доставкой и горантией.

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

  • Снимок экрана (50).png


#5 RayLi

RayLi

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

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

Отправлено 24 Апрель 2018 - 09:50

Просмотр сообщенияДенис К. (23 Апрель 2018 - 19:21) писал:

Помогите убрать нижний блок с доставкой и горантией.

Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий блок кода:/

<!-- /END Вы смотрели -->
</div>

</div>
</div>
</div>

<!-- Информационный блок -->
{% IF index_page %}
<div id="block-info">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-truck"></em></div>
<div class="text-block">
<h4>Бесплатная доставка</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
<div class="text-block">
<h4>Безопасная оплата</h4>
</div>
</div>
<div class="clear-resp"></div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-rotate-left"></em></div>
<div class="text-block">
<h4>30 дней гарантии</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-phone"></em></div>
<div class="text-block">
<h4>Прием заказов 24/7</h4>
</div>
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->
<!-- Подвал -->

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

<!-- /END Вы смотрели -->
</div>

</div>
</div>
</div>

<!-- Подвал -->


#6 Денис К.

Денис К.

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

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

Отправлено 24 Апрель 2018 - 19:24

Спасибо))

Изменить цвет на голубой, чтоб написание было в середине

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

  • Снимок экрана (51).png


#7 RayLi

RayLi

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

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

Отправлено 24 Апрель 2018 - 20:53

Просмотр сообщенияДенис К. (24 Апрель 2018 - 19:24) писал:

Спасибо))

Изменить цвет на голубой, чтоб написание было в середине

Здравствуйте.
В данном случае Вам необходимо в шаблоне main.css найти следующий код:

.block-title h5 {
	line-height: 40px;
}

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

.block-title h5 {
	line-height: 40px;
	color: #09afe8;
}


Далее там же найдите, пожалуйста, данный код:

.block-title {
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333744;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}

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

.block-title {
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333744;
	height: 46px;
	text-align: center;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}


После чего там же найдите, пожалуйста, следующий код:

.page-title h1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	line-height: 40px;
	padding: 0px 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333744;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}

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

.page-title h1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	line-height: 40px;
	padding: 0px 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #09afe8;
	text-align: center;
	background-color: #333744;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}


#8 Денис К.

Денис К.

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

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

Отправлено 25 Апрель 2018 - 18:41

Здравствуйте можно с делать написание белам цветом, а сами формы синии.

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

  • Снимок экрана (51).png


#9 RayLi

RayLi

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

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

Отправлено 25 Апрель 2018 - 18:56

Просмотр сообщенияДенис К. (25 Апрель 2018 - 18:41) писал:

Здравствуйте можно с делать написание белам цветом, а сами формы синии.

Здравствуйте.
В данном случае Вам необходимо на Вашем сайте произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

.page-title h1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	line-height: 40px;
	padding: 0px 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #09afe8;
	text-align: center;
	background-color: #333744;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}

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

.page-title h1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	line-height: 40px;
	padding: 0px 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	background-color: #09afe8;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}



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

.block-title h5 {
	line-height: 40px;
	color: #09afe8;
}

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

.block-title h5 {
	line-height: 40px;
	color: #ffffff;
}


После чего там же найдите, пожалуйста, данный код:

.block-title {
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333744;
	height: 46px;
	text-align: center;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}

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

.block-title {
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #09afe9;
	height: 46px;
	text-align: center;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}


#10 Денис К.

Денис К.

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

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

Отправлено 25 Апрель 2018 - 19:43

Спасибо за оперотивность!!!

Да к стати можите подсказать почему после проведенных операций исчезли все картинки товара

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

  • Снимок экрана (53).png


#11 RayLi

RayLi

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

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

Отправлено 25 Апрель 2018 - 20:27

Просмотр сообщенияДенис К. (25 Апрель 2018 - 19:43) писал:

Спасибо за оперотивность!!!

Да к стати можите подсказать почему после проведенных операций исчезли все картинки товара

На данный момент изображения товаров на Вашем сайте загружаются полностью корректно.
Просьба уточнить, на данный момент указанная Вами проблема всё ещё актуальна?
И если да, то сохраняется-ли она при использование любого иного интернет-браузера, а так же при использование иного интернет-провайдера?

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

  • 25-04-2018 20-23-02.png


#12 Денис К.

Денис К.

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

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

Отправлено 30 Апрель 2018 - 18:10

Можно ли в шаблоне спорт добавлять видео и как это с делать?

#13 Firefly

Firefly

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

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

Отправлено 30 Апрель 2018 - 19:27

Просмотр сообщенияДенис К. (30 Апрель 2018 - 18:10) писал:

Можно ли в шаблоне спорт добавлять видео и как это с делать?

Здравствуйте.
Плеер с видео из Youtube можно встроить на любую страницу сайта. Для более точной инструкции уточните, куда и какое видео Вы бы хотели добавить.

#14 Денис К.

Денис К.

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

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

Отправлено 01 Май 2018 - 18:50

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

На такие страницы я хотел бы добавлять видео, ссылка на видео https://www.youtube....h?v=vnMyNYVknB0

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

  • Снимок экрана (54).png


#15 Firefly

Firefly

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

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

Отправлено 03 Май 2018 - 11:43

Просмотр сообщенияДенис К. (01 Май 2018 - 18:50) писал:

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

На такие страницы я хотел бы добавлять видео, ссылка на видео https://www.youtube....h?v=vnMyNYVknB0

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

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

  • Screenshot.png
  • Screenshot_2.png
  • Screenshot_3.png
  • Screenshot_4.png





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

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