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


Изменил Шаблон На Спорт, Помогите Настроить

Автор Vlad Vinilov, 15 янв. 2016 19:47

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

#1 Vlad Vinilov

Vlad Vinilov

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

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

Отправлено 15 Январь 2016 - 19:47

Добрый вечер.
Изменил шаблон Движение на Спорт. Аккаунт SL-293391
Есть много вопросов по настройке.
Помогите пожалуйста.
1. Ниже логотипа магазина вставить блок с номером телефона и электронкой.
2. При нажатии кнопки "отзывы" скрыть информацию всю ненужную и оставить только сам блок. Что бы сразу на него выходил посетитель.
3. Удалить полностью синюю полосу внизу экрана.
4. В заказе товара передвинуть окошко с количеством. Что бы оказалось над кнопкой в корзину.

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg

#2 Юля123

Юля123

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

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

Отправлено 15 Январь 2016 - 20:22

Просмотр сообщенияVlad Vinilov (15 Январь 2016 - 19:47) писал:

Добрый вечер.
Изменил шаблон Движение на Спорт. Аккаунт SL-293391
Есть много вопросов по настройке.
Помогите пожалуйста.
1. Ниже логотипа магазина вставить блок с номером телефона и электронкой.
2. При нажатии кнопки "отзывы" скрыть информацию всю ненужную и оставить только сам блок. Что бы сразу на него выходил посетитель.
3. Удалить полностью синюю полосу внизу экрана.
4. В заказе товара передвинуть окошко с количеством. Что бы оказалось над кнопкой в корзину.


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

1) В шаблоне HTML после кода:

			<div id="logo">
			  <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
			</div>

добавьте код:

			   <div class="header-contact">
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</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 %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
			</div>


в main.css найдите код:

#logo {float: left;margin-top: 20px;}


и замените на код:

#logo {float: left;margin: 20px;}

2) По поводу отзывов Вам ответят в следующем сообщении.

3) В шаблоне HTML  удалите код:

	<!-- Информационный блок -->
	{% 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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</em></div>
			<div class="text-block">
			  <h4>Прием заказов 24/7</h4>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Информационный блок -->



4) В main.css найдите код:

.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-left: 30px;display: inline-block;float: right;}

и замените на код:

.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-bottom: 10px;display: block;width: 22%;}

#3 Vlad Vinilov

Vlad Vinilov

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

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

Отправлено 16 Январь 2016 - 21:33

так что там с блоком отзывов, как быть?

#4 Vlad Vinilov

Vlad Vinilov

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

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

Отправлено 17 Январь 2016 - 23:39

Спасибо, все получилось отлично.
Еще один вопрос.
Блок верхних кнопок спустить на уровень с логотипом. При этом оставить вверху немного совсем пустого места, что бы логотип не "прилип"  к верхнему полю экрана.
Что бы получилось как на фото 2

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

  • 556.jpg
  • 55666-2.jpg

#5 Vlad Vinilov

Vlad Vinilov

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

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

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

Просмотр сообщенияЮля123 (15 Январь 2016 - 20:22) писал:

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

1) В шаблоне HTML после кода:

		 <div id="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
		 </div>

добавьте код:

			 <div class="header-contact">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</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 %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
		 </div>


в main.css найдите код:

#logo {float: left;margin-top: 20px;}


и замените на код:

#logo {float: left;margin: 20px;}

2) По поводу отзывов Вам ответят в следующем сообщении.

3) В шаблоне HTML  удалите код:

<!-- Информационный блок -->
{% 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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</em></div>
		 <div class="text-block">
			 <h4>Прием заказов 24/7</h4>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->



4) В main.css найдите код:

.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-left: 30px;display: inline-block;float: right;}

и замените на код:

.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-bottom: 10px;display: block;width: 22%;}
Еще есть просьба, изменить само окно с товаром.
Сделать блок с ценой внизу под фото, это возможно?

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

  • Буфер обмена03 копия.jpg

#6 Vaccina

Vaccina

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

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

Отправлено 19 Январь 2016 - 04:35

Просмотр сообщенияVlad Vinilov (17 Январь 2016 - 23:39) писал:

Спасибо, все получилось отлично.
Еще один вопрос.
Блок верхних кнопок спустить на уровень с логотипом. При этом оставить вверху немного совсем пустого места, что бы логотип не "прилип"  к верхнему полю экрана.
Что бы получилось как на фото 2

В main.css найдите:
#logo {
	float: left;
	margin: 20px;
}

замените на:
#logo {
	float: left;
	margin: 0px 20px;
}

далее найдите:
#custommenu {
	z-index: 1;
}

замените на:
#custommenu {
	z-index: 1;
	margin-top: 30px;
}

Само изображение логотипа имеет отступы сверху и снизу, из-за чего пришлось от полосы сильно опустить меню.

Просмотр сообщенияVlad Vinilov (18 Январь 2016 - 00:31) писал:

Еще есть просьба, изменить само окно с товаром.
Сделать блок с ценой внизу под фото, это возможно?

Пример реализации для новинок, в шаблоне HTML найдите блок:
<div class="item-info">
								  <div class="product-name"><a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" itemprop="url">{index_page_new_goods.NAME}</a></div>
								  <meta itemprop="name" content="{index_page_new_goods.NAME}">
								  <meta itemprop="description" content="{% IF index_page_new_goods.DESCRIPTION_SHORT %}{index_page_new_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
								  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
									<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
									{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
									<p class="old-price">
									  <span class="price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
									</p>
									{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
									<p class="old-price">
									  <span class="price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span>
									</p>
									{% ENDIF %}
									<p class="special-price">
									  <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span>
									</p>
								  </div>
								  <div class="ratings">
									<div class="rating-box">
									  {% IF index_page_new_goods.OPINION_RATING_VALUE %}
									  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
										<meta itemprop="worstRating" content = "1">
										<meta itemprop="bestRating" content = "10">
										<meta itemprop="ratingValue" content = "{index_page_new_goods.OPINION_RATING_VALUE}">
										<meta itemprop="reviewCount" content = "{index_page_new_goods.OPINION_RATING_CNT_ALL}">
										<div class="rating" style="width:{index_page_new_goods.OPINION_RATING_VALUE}0%" alt="{index_page_new_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
									  </span>
									  {% ELSE %}
										<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
									  {% ENDIF %}
									</div>
								  </div>
								</div>

перенесите его поставив ниже после:
<div class="actions">
								  <!--a class="add-cart quick button " title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
								  <a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart"></i></a>
								  <ul class="add-to-links">
									<li class="wishlist">
									  <!-- Если есть возможность добавить товар в избранное -->
									  {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %}
										<a class="add-wishlist added btn-addto"
										  data-action-is-add="0"
										  data-action-add-url="{FAVORITES_ADD_URL}"
										  data-action-delete-url="{FAVORITES_DELETE_URL}"
										  data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное"
										  data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
										  title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
										  href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										><i class="fa fa-heart"></i></a>
									  {% ELSE %}
										<a class="add-wishlist btn-addto"
										  data-action-is-add="1"
										  data-action-add-url="{FAVORITES_ADD_URL}"
										  data-action-delete-url="{FAVORITES_DELETE_URL}"
										  data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное"
										  data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
										  title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										><i class="fa fa-heart"></i></a>
									  {% ENDIF %}
									  <!-- END Если есть возможность добавить товар в избранное -->
									</li>
									<li class="compare">
									  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
										{% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
										  <a class="add-compare added btn-addto"
											data-action-is-add="0"
											data-action-add-url="{COMPARE_ADD_URL}"
											data-action-delete-url="{COMPARE_DELETE_URL}"
											data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											data-prodname="{index_page_new_goods.NAME}"
											data-produrl="{index_page_new_goods.URL}"
											data-id="{index_page_new_goods.ID}"
											data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
											title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
										  ><i class="fa fa-retweet"></i></a>
										{% ELSE %}
										  <a class="add-compare btn-addto"
											data-action-is-add="1"
											data-action-add-url="{COMPARE_ADD_URL}"
											data-action-delete-url="{COMPARE_DELETE_URL}"
											data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											data-prodname="{index_page_new_goods.NAME}"
											data-produrl="{index_page_new_goods.URL}"
											data-id="{index_page_new_goods.ID}"
											data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
											title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
										  ><i class="fa fa-retweet"></i></a>
										{% ENDIF %}
									  {% ENDIF %}
									  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									</li>
								  </ul>
								</div>

в main.css найдите:
.products-grid .item .item-inner .actions {background: #09afe7;text-align: center;padding: 10px;min-height: 51px;overflow: hidden;position: absolute;width: 98%;margin: 1%;bottom: 0;left: 0;-moz-transform: translateY(300px);-webkit-transform: translateY(300px);-o-transform: translateY(300px);-ms-transform: translateY(300px);transform: translateY(300px);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

замените на:
.products-grid .item .item-inner .actions {background: #09afe7;text-align: center;padding: 10px;min-height: 51px;overflow: hidden;position: absolute;width: 98%;margin: 1%;bottom: 70px;left: 0;-moz-transform: translateY(300px);-webkit-transform: translateY(300px);-o-transform: translateY(300px);-ms-transform: translateY(300px);transform: translateY(300px);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

Обратно в Шаблон Спорт


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

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

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