Отключен JavaScript

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

1

Как Разместить Внизу "сравнение", "мне Понравилось", "моя Покупка" И Т.д.?

Автор Скорая Керамическая Помощь, 14 марта 2017 13:21

#сравнение # #мнепонравилось #мояпокупка

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 22

#1 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 14 Март 2017 - 13:21

Добрый день!
Помогите осуществить задумку на сайте. Аккаунт SL-394796
(на скриншоте задумка). Спасибо!

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

Наверх

#2 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 20 Март 2017 - 15:37

Скорая Керамическая Помощь (14 Март 2017 - 13:21) писал:

Добрый день!
Помогите осуществить задумку на сайте. Аккаунт SL-394796
(на скриншоте задумка). Спасибо!

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

Наверх

#3 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 20 Март 2017 - 16:35

Stasya (20 Март 2017 - 15:37) писал:

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

Добрый день! Спасибо, что ответили! Вы все правильно поняли, "Мне понравилось" - это избранные товары, а Моя покупка - Корзина. У многих эта строка в нижней части сайта находится.

Наверх

#4 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 24 Март 2017 - 13:15

Скорая Керамическая Помощь (20 Март 2017 - 16:35) писал:

Добрый день! Спасибо, что ответили! Вы все правильно поняли, "Мне понравилось" - это избранные товары, а Моя покупка - Корзина. У многих эта строка в нижней части сайта находится.

Здравствуйте.
1) В шаблоне HTML найдите строку

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

и сразу после нее добавьте блок

<!-- Фиксированные блоки в подвале -->
	 <div class="footer-fixed">
	 <div id="ffc-recently-viewed" class="ff-content">
		 <div class="btn-close fa fa-times"></div>
		 <div class="inner">
		 <div class="title"><h3>Вы смотрели</h3></div>
		 <div class="navigation">
			 <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
			 <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
		 </div>
		 <div class="container products-grid">
			 <!-- Вы смотрели -->
			 {% IFNOT recently_viewed_goods_empty %}
			 {% FOR recently_viewed_goods %}
				 <div class="item">
				 <div class="item-inner" itemscope itemtype="http://schema.org/Product">
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID} goodsListForm">
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
					 <div class="item-img">
						 <a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}" class="product-image">
						 <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{recently_viewed_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{recently_viewed_goods.NAME}" title="{recently_viewed_goods.NAME}" itemprop="image">
						 {% IF recently_viewed_goods.IS_NEW %}
							 <span class="ico-new">Новинка</span>
						 {% ELSEIF recently_viewed_goods.IS_TOP %}
							 <span class="ico-best">Хит</span>
						 {% ENDIF %}
						 {% IF recently_viewed_goods.MAX_DISCOUNT %}
							 <span class="ico-sale">Скидка</span>
						 {% ENDIF %}
						 </a>
						 <div class="actions">
						 <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label"><i class="fa fa-shopping-cart"></i></span></a-->
						 <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label"><i class="fa fa-shopping-cart"></i></span></a>
						 <!-- Если есть возможность добавить товар в избранное -->
						 {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
							 <a class="add-wishlist added"
							 data-action-is-add="0"
							 data-action-add-url="{FAVORITES_ADD_URL}"
							 data-action-delete-url="{FAVORITES_DELETE_URL}"
							 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
							 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							 data-add-tooltip="В Избранное"
							 data-del-tooltip="Убрать из избранного"
							 data-tooltip="Убрать из избранного"
							 title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							 href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							 ><i class="fa fa-heart"></i></a>
						 {% ELSE %}
							 <a class="add-wishlist"
							 data-action-is-add="1"
							 data-action-add-url="{FAVORITES_ADD_URL}"
							 data-action-delete-url="{FAVORITES_DELETE_URL}"
							 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
							 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							 data-add-tooltip="В Избранное"
							 data-del-tooltip="Убрать из избранного"
							 data-tooltip="В Избранное"
							 title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							 href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							 ><i class="fa fa-heart"></i></a>
						 {% ENDIF %}
						 <!-- END Если есть возможность добавить товар в избранное -->
						 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
							 {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
							 <a class="add-compare added"
								 data-action-is-add="0"
								 data-action-add-url="{COMPARE_ADD_URL}"
								 data-action-delete-url="{COMPARE_DELETE_URL}"
								 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
								 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
								 data-prodname="{recently_viewed_goods.NAME}"
								 data-produrl="{recently_viewed_goods.URL}"
								 data-id="{recently_viewed_goods.ID}"
								 data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
								 data-add-tooltip="В Сравнение"
								 data-del-tooltip="Убрать из сравнения"
								 data-tooltip="Убрать из сравнения"
								 title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
								 href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 ><i class="fa fa-retweet"></i></a>
							 {% ELSE %}
							 <a class="add-compare"
								 data-action-is-add="1"
								 data-action-add-url="{COMPARE_ADD_URL}"
								 data-action-delete-url="{COMPARE_DELETE_URL}"
								 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
								 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
								 data-prodname="{recently_viewed_goods.NAME}"
								 data-produrl="{recently_viewed_goods.URL}"
								 data-id="{recently_viewed_goods.ID}"
								 data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
								 data-add-tooltip="В Сравнение"
								 data-del-tooltip="Убрать из сравнения"
								 data-tooltip="В Сравнение"
								 title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
								 href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 ><i class="fa fa-retweet"></i></a>
							 {% ENDIF %}
						 {% ENDIF %}
						 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						 </div>
					 </div>
					 <div class="item-info">
						 <meta itemprop="name" content="{recently_viewed_goods.NAME}">
						 <meta itemprop="description" content="{% IF recently_viewed_goods.DESCRIPTION_SHORT %}{recently_viewed_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
					 </div>
					 </form>
				 </div>
				 </div>
			 {% ENDFOR %}
			 {% ENDIF %}
			 <!-- /END Вы смотрели -->
		 </div>
		 </div>
	 </div>
		
	 <!-- Фиксированная навигация в подвале -->
	 <div class="ff-nav">
		 <div class="container">
		 <div class="row">
			 <ul class="box-footer-fixed">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li class="item contacts">
				 <a href="/user/login" data-id="contacts"><i class="fa fa-user"></i><h5>Войти</h5></a>
			 </li>
			 <li class="item recently-viewed">
				 <a href="/user/register" data-id="recently-viewed"><i class="fa fa-user-plus"></i><h5>Регистрация</h5></a>
			 </li>
			 {% ELSE %}
				 <li class="item contacts">
				 <a href="/user/login" data-id="contacts"><i class="fa fa-user"></i><h5>Мой кабинет</h5></a>
			 </li>
			 <li class="item recently-viewed">
				 <a href="/user/logout" data-id="recently-viewed"><i class="fa fa-sign-out"></i><h5>Выход</h5></a>
			 </li>
			 {% ENDIF %}
			 <li class="item recently-viewed">
				 <a href="javascript:void(0)" data-id="recently-viewed" class="onlyThis"><i class="fa fa-eye"></i><h5>Вы смотрели</h5></a>
			 </li>
			 <li class="item wishlist">
				 <a href="/user/favorites" data-id="wishlist"><i class="fa fa-heart"></i><h5>Избранное</h5></a>
			 </li>
			 <li class="item sign-up">
				 <a href="/compare" data-id="sign-up"><i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span><h5>Сравнение</h5></a>
			 </li>
			 <li class="item sign-up">
				 <a href="/cart" title="Перейти в корзину"><i class="fa fa-shopping-cart"></i><span class="cart-count">0</span><h5>Моя корзина</h5></a>
			 </li>
			 </ul>
		 </div>
		 </div>	
	 </div>
	 </div>

В конец файла main.js добавьте блок

// Слайдер Вы смотрели
jQuery(document).ready(function($){
var carouselU = $('#ffc-recently-viewed .products-grid');
carouselU.owlCarousel({
	 items: 5,
	 lazyLoad: true,
	 pagination: false,
	 itemsScaleUp: true,
	 slideSpeed: 800,
	 stopOnHover: true,
	 touchDrag: true,
	 autoPlay: false,
	 addClassActive: true,
	 autoHeight: true,
	 afterAction: function (e) {
	 if(this.$owlItems.length > this.options.items){
		 $('#ffc-recently-viewed .navigation').show();
	 }else{
		 $('#ffc-recently-viewed .navigation').hide();
	 }
	 }
});
jQuery('#ffc-recently-viewed .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('#ffc-recently-viewed .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});

// Функция переключения вкладок в подвале
jQuery(document).ready(function($){
$(function () {
$('.box-footer-fixed li a.onlyThis').click(function(){
if($(this).hasClass('active')) {
$('.box-footer-fixed li a').removeClass('active');
$('.ff-content').animate({
	 height: 0
}, 400);		
} else {
$('.box-footer-fixed li a').removeClass('active');
$(this).addClass('active');
$('.ff-content').animate({
	 height: 0
}, 400);
e_id = '#ffc-'+($(this).data("id"));
e_h = $(e_id + ' > .inner').outerHeight();
$(e_id).animate({
	 height: e_h
}, 400);	
}
return false;
});
$('.ff-content .btn-close').click(function(){
$('.ff-content').animate({
height: 0
}, 400);
return false;
});
});

3) В файле main.css найдите блок

/******************************************************************************
Адаптивная часть
*******************************************************************************/

и перед ним вставьте блок

/*** Фиксированая навигация в подвале ***/
.footer-fixed {position: fixed;background-color: #1e1e21;bottom: 0;width: 100%;z-index: 1001;color: #fff;}
.footer-fixed .ff-nav {padding: 12px 0;text-align: center;}
.footer-fixed .ff-nav ul li {display: inline-block;margin: 0 30px;}
.footer-fixed .ff-nav ul li a {color: #a7a7a7;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}
.footer-fixed .ff-nav ul li a i {position: relative;font-size: 22px;top: 2px;color: #5b5b5b;}
.footer-fixed .ff-nav ul li a h5 {display: inline-block;margin-left: 7px;}
.footer-fixed .ff-nav ul li a.active, .footer-fixed .ff-nav ul li a:hover {color: #771e13;}
.footer-fixed .ff-nav ul li a.active i, .footer-fixed .ff-nav ul li a:hover i {color: #771e13;}
.footer-fixed .ff-nav ul li a .cart-count, .footer-fixed .ff-nav ul li a .compare-num{background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
/** Избранное и Вы смотрели**/
#ffc-wishlist .no-login .title > h3 {font-size: 18px;font-weight: bold;padding: 15px 0;text-align: center;}
#ffc-wishlist .no-login .content {padding: 5px 25% 15px;text-align: center;}
#ffc-wishlist .no-login .content a {color: #c7081b;}
#ffc-wishlist .no-login .content a:hover {text-decoration: underline;}
.ff-content .products-grid {max-height: 230px;overflow: hidden;}
.ff-content .products-grid .item {display: inline-block;float: none;width: 170px;}
.ff-content .products-grid .item .item-inner .item-img .actions .add-cart {width: 60px;}
.ff-content .products-grid .item .item-inner .item-img > a {width: 170px;height: 170px;}
.ff-content .products-grid .item .item-inner .item-img > a img {max-width: 100%;max-height: 100%;}
.ff-content .products-grid .item .item-inner .item-img .actions a.add-wishlist.added[data-tooltip]:before {right: -40px;}
.ff-content .navigation {display: none;}
.ff-content .navigation .prev, .ff-content .navigation .next {position: absolute;top: 50%;color: #fff;z-index: 99;}
.ff-content .navigation .prev {float: left;left: 30px;}
.ff-content .navigation .next {float: right;right: 30px;}
.footer-fixed .title {margin-bottom: 10px;}
.ff-content {position: relative;height: 0;overflow: hidden;}
.ff-content .btn-close {position: absolute;width: 44px;height: 44px;line-height: 44px;font-size: 22px;top: 0;right: 0;opacity: 1;cursor: pointer;}
.ff-content .btn-close:hover {color: #c7081b;}
.ff-content .inner {border-bottom: 1px solid rgba(255,255,255,0.2);}
.ff-content .inner .title h3 {text-align: center;line-height: 44px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.ff-content .inner .container {position: relative;margin: 20px auto;}

Далее найдите строку

@media all and (max-width: 481px) {

и сразу после нее вставьте

.footer-fixed {
display:none;
}

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

Наверх

#5 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 24 Март 2017 - 14:34

Stasya (24 Март 2017 - 13:15) писал:

Здравствуйте.
1) В шаблоне HTML найдите строку

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

и сразу после нее добавьте блок

<!-- Фиксированные блоки в подвале -->
	 <div class="footer-fixed">
	 <div id="ffc-recently-viewed" class="ff-content">
		 <div class="btn-close fa fa-times"></div>
		 <div class="inner">
		 <div class="title"><h3>Вы смотрели</h3></div>
		 <div class="navigation">
			 <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
			 <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
		 </div>
		 <div class="container products-grid">
			 <!-- Вы смотрели -->
			 {% IFNOT recently_viewed_goods_empty %}
			 {% FOR recently_viewed_goods %}
				 <div class="item">
				 <div class="item-inner" itemscope itemtype="http://schema.org/Product">
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID} goodsListForm">
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
					 <div class="item-img">
						 <a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}" class="product-image">
						 <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{recently_viewed_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{recently_viewed_goods.NAME}" title="{recently_viewed_goods.NAME}" itemprop="image">
						 {% IF recently_viewed_goods.IS_NEW %}
							 <span class="ico-new">Новинка</span>
						 {% ELSEIF recently_viewed_goods.IS_TOP %}
							 <span class="ico-best">Хит</span>
						 {% ENDIF %}
						 {% IF recently_viewed_goods.MAX_DISCOUNT %}
							 <span class="ico-sale">Скидка</span>
						 {% ENDIF %}
						 </a>
						 <div class="actions">
						 <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label"><i class="fa fa-shopping-cart"></i></span></a-->
						 <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label"><i class="fa fa-shopping-cart"></i></span></a>
						 <!-- Если есть возможность добавить товар в избранное -->
						 {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
							 <a class="add-wishlist added"
							 data-action-is-add="0"
							 data-action-add-url="{FAVORITES_ADD_URL}"
							 data-action-delete-url="{FAVORITES_DELETE_URL}"
							 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
							 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							 data-add-tooltip="В Избранное"
							 data-del-tooltip="Убрать из избранного"
							 data-tooltip="Убрать из избранного"
							 title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							 href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							 ><i class="fa fa-heart"></i></a>
						 {% ELSE %}
							 <a class="add-wishlist"
							 data-action-is-add="1"
							 data-action-add-url="{FAVORITES_ADD_URL}"
							 data-action-delete-url="{FAVORITES_DELETE_URL}"
							 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
							 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							 data-add-tooltip="В Избранное"
							 data-del-tooltip="Убрать из избранного"
							 data-tooltip="В Избранное"
							 title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							 href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							 ><i class="fa fa-heart"></i></a>
						 {% ENDIF %}
						 <!-- END Если есть возможность добавить товар в избранное -->
						 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
							 {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
							 <a class="add-compare added"
								 data-action-is-add="0"
								 data-action-add-url="{COMPARE_ADD_URL}"
								 data-action-delete-url="{COMPARE_DELETE_URL}"
								 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
								 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
								 data-prodname="{recently_viewed_goods.NAME}"
								 data-produrl="{recently_viewed_goods.URL}"
								 data-id="{recently_viewed_goods.ID}"
								 data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
								 data-add-tooltip="В Сравнение"
								 data-del-tooltip="Убрать из сравнения"
								 data-tooltip="Убрать из сравнения"
								 title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
								 href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 ><i class="fa fa-retweet"></i></a>
							 {% ELSE %}
							 <a class="add-compare"
								 data-action-is-add="1"
								 data-action-add-url="{COMPARE_ADD_URL}"
								 data-action-delete-url="{COMPARE_DELETE_URL}"
								 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
								 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
								 data-prodname="{recently_viewed_goods.NAME}"
								 data-produrl="{recently_viewed_goods.URL}"
								 data-id="{recently_viewed_goods.ID}"
								 data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
								 data-add-tooltip="В Сравнение"
								 data-del-tooltip="Убрать из сравнения"
								 data-tooltip="В Сравнение"
								 title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
								 href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 ><i class="fa fa-retweet"></i></a>
							 {% ENDIF %}
						 {% ENDIF %}
						 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						 </div>
					 </div>
					 <div class="item-info">
						 <meta itemprop="name" content="{recently_viewed_goods.NAME}">
						 <meta itemprop="description" content="{% IF recently_viewed_goods.DESCRIPTION_SHORT %}{recently_viewed_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
					 </div>
					 </form>
				 </div>
				 </div>
			 {% ENDFOR %}
			 {% ENDIF %}
			 <!-- /END Вы смотрели -->
		 </div>
		 </div>
	 </div>
		
	 <!-- Фиксированная навигация в подвале -->
	 <div class="ff-nav">
		 <div class="container">
		 <div class="row">
			 <ul class="box-footer-fixed">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li class="item contacts">
				 <a href="/user/login" data-id="contacts"><i class="fa fa-user"></i><h5>Войти</h5></a>
			 </li>
			 <li class="item recently-viewed">
				 <a href="/user/register" data-id="recently-viewed"><i class="fa fa-user-plus"></i><h5>Регистрация</h5></a>
			 </li>
			 {% ELSE %}
				 <li class="item contacts">
				 <a href="/user/login" data-id="contacts"><i class="fa fa-user"></i><h5>Мой кабинет</h5></a>
			 </li>
			 <li class="item recently-viewed">
				 <a href="/user/logout" data-id="recently-viewed"><i class="fa fa-sign-out"></i><h5>Выход</h5></a>
			 </li>
			 {% ENDIF %}
			 <li class="item recently-viewed">
				 <a href="javascript:void(0)" data-id="recently-viewed" class="onlyThis"><i class="fa fa-eye"></i><h5>Вы смотрели</h5></a>
			 </li>
			 <li class="item wishlist">
				 <a href="/user/favorites" data-id="wishlist"><i class="fa fa-heart"></i><h5>Избранное</h5></a>
			 </li>
			 <li class="item sign-up">
				 <a href="/compare" data-id="sign-up"><i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span><h5>Сравнение</h5></a>
			 </li>
			 <li class="item sign-up">
				 <a href="/cart" title="Перейти в корзину"><i class="fa fa-shopping-cart"></i><span class="cart-count">0</span><h5>Моя корзина</h5></a>
			 </li>
			 </ul>
		 </div>
		 </div>	
	 </div>
	 </div>

В конец файла main.js добавьте блок

// Слайдер Вы смотрели
jQuery(document).ready(function($){
var carouselU = $('#ffc-recently-viewed .products-grid');
carouselU.owlCarousel({
	 items: 5,
	 lazyLoad: true,
	 pagination: false,
	 itemsScaleUp: true,
	 slideSpeed: 800,
	 stopOnHover: true,
	 touchDrag: true,
	 autoPlay: false,
	 addClassActive: true,
	 autoHeight: true,
	 afterAction: function (e) {
	 if(this.$owlItems.length > this.options.items){
		 $('#ffc-recently-viewed .navigation').show();
	 }else{
		 $('#ffc-recently-viewed .navigation').hide();
	 }
	 }
});
jQuery('#ffc-recently-viewed .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('#ffc-recently-viewed .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});

// Функция переключения вкладок в подвале
jQuery(document).ready(function($){
$(function () {
$('.box-footer-fixed li a.onlyThis').click(function(){
if($(this).hasClass('active')) {
$('.box-footer-fixed li a').removeClass('active');
$('.ff-content').animate({
	 height: 0
}, 400);		
} else {
$('.box-footer-fixed li a').removeClass('active');
$(this).addClass('active');
$('.ff-content').animate({
	 height: 0
}, 400);
e_id = '#ffc-'+($(this).data("id"));
e_h = $(e_id + ' > .inner').outerHeight();
$(e_id).animate({
	 height: e_h
}, 400);	
}
return false;
});
$('.ff-content .btn-close').click(function(){
$('.ff-content').animate({
height: 0
}, 400);
return false;
});
});

3) В файле main.css найдите блок

/******************************************************************************
Адаптивная часть
*******************************************************************************/

и перед ним вставьте блок

/*** Фиксированая навигация в подвале ***/
.footer-fixed {position: fixed;background-color: #1e1e21;bottom: 0;width: 100%;z-index: 1001;color: #fff;}
.footer-fixed .ff-nav {padding: 12px 0;text-align: center;}
.footer-fixed .ff-nav ul li {display: inline-block;margin: 0 30px;}
.footer-fixed .ff-nav ul li a {color: #a7a7a7;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}
.footer-fixed .ff-nav ul li a i {position: relative;font-size: 22px;top: 2px;color: #5b5b5b;}
.footer-fixed .ff-nav ul li a h5 {display: inline-block;margin-left: 7px;}
.footer-fixed .ff-nav ul li a.active, .footer-fixed .ff-nav ul li a:hover {color: #771e13;}
.footer-fixed .ff-nav ul li a.active i, .footer-fixed .ff-nav ul li a:hover i {color: #771e13;}
.footer-fixed .ff-nav ul li a .cart-count, .footer-fixed .ff-nav ul li a .compare-num{background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
/** Избранное и Вы смотрели**/
#ffc-wishlist .no-login .title > h3 {font-size: 18px;font-weight: bold;padding: 15px 0;text-align: center;}
#ffc-wishlist .no-login .content {padding: 5px 25% 15px;text-align: center;}
#ffc-wishlist .no-login .content a {color: #c7081b;}
#ffc-wishlist .no-login .content a:hover {text-decoration: underline;}
.ff-content .products-grid {max-height: 230px;overflow: hidden;}
.ff-content .products-grid .item {display: inline-block;float: none;width: 170px;}
.ff-content .products-grid .item .item-inner .item-img .actions .add-cart {width: 60px;}
.ff-content .products-grid .item .item-inner .item-img > a {width: 170px;height: 170px;}
.ff-content .products-grid .item .item-inner .item-img > a img {max-width: 100%;max-height: 100%;}
.ff-content .products-grid .item .item-inner .item-img .actions a.add-wishlist.added[data-tooltip]:before {right: -40px;}
.ff-content .navigation {display: none;}
.ff-content .navigation .prev, .ff-content .navigation .next {position: absolute;top: 50%;color: #fff;z-index: 99;}
.ff-content .navigation .prev {float: left;left: 30px;}
.ff-content .navigation .next {float: right;right: 30px;}
.footer-fixed .title {margin-bottom: 10px;}
.ff-content {position: relative;height: 0;overflow: hidden;}
.ff-content .btn-close {position: absolute;width: 44px;height: 44px;line-height: 44px;font-size: 22px;top: 0;right: 0;opacity: 1;cursor: pointer;}
.ff-content .btn-close:hover {color: #c7081b;}
.ff-content .inner {border-bottom: 1px solid rgba(255,255,255,0.2);}
.ff-content .inner .title h3 {text-align: center;line-height: 44px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.ff-content .inner .container {position: relative;margin: 20px auto;}

Далее найдите строку

@media all and (max-width: 481px) {

и сразу после нее вставьте

.footer-fixed {
display:none;
}

Добрый день! Огромное спасибо за проделанную работу!!! При регистрации ошибку показывает . Скажите пожалуйста, авторизация через соц. сети возможна?

Наверх

#6 metry

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

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

Отправлено 25 Март 2017 - 09:27

Здравствуйте. К сожалению, установить авторизацию через соц. сети не получится.

Наверх

#7 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 25 Март 2017 - 20:52

metry (25 Март 2017 - 09:27) писал:

Здравствуйте. К сожалению, установить авторизацию через соц. сети не получится.

Спасибо за ответ. Печально.

Наверх

#8 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 27 Март 2017 - 12:40

СРОЧНО! Добрый день! Пожалуйста помогите с ссылками внизу, ссылки в третьей колонке некорректно работают. И нижняя часть закрылась панелью.

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

Наверх

#9 MikDark

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

Модераторы
6 468 сообщений

Отправлено 27 Март 2017 - 17:00

Скорая Керамическая Помощь (27 Март 2017 - 12:40) писал:

СРОЧНО! Добрый день! Пожалуйста помогите с ссылками внизу, ссылки в третьей колонке некорректно работают. И нижняя часть закрылась панелью.

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

#footer-bottom {
	background: #232323;
	padding: 16px 0;
	color: #828282;
}

на

#footer-bottom {
	background: #232323;
	padding: 16px 0 65px;
	color: #828282;
}

А так же замените внизу в шаблоне HTML код:

{% FOR menu %}
	  {% FOR footer2 %}
	 {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
	  {% ENDFOR %}
	{% ENDFOR %}

на

{% FOR menu %}
	  {% FOR footer2 %}
	 {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
	  {% ENDFOR %}
	{% ENDFOR %}

Наверх

#10 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 30 Март 2017 - 11:39

MikDark (27 Март 2017 - 17:00) писал:

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

#footer-bottom {
background: #232323;
padding: 16px 0;
color: #828282;
}

на

#footer-bottom {
background: #232323;
padding: 16px 0 65px;
color: #828282;
}

А так же замените внизу в шаблоне HTML код:

{% FOR menu %}
	 {% FOR footer2 %}
	 {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
	 {% ENDFOR %}
{% ENDFOR %}

на

{% FOR menu %}
	 {% FOR footer2 %}
	 {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
	 {% ENDFOR %}
{% ENDFOR %}

Доброе утро! Спасибо за помощь!

Наверх

#11 admin

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

Пользователи
505 сообщений

ГородСамара

Отправлено 13 Май 2017 - 14:08

Здравствуйте!
Необходимо перенести promotion из шаблона лето в шаблон ночь.
Жду помощи.
А так же скрыть блок вы смотрели на главной странице.
Ещё перенёс хиты в самый низ над новостями. Требуется убрать надпись "хиты продаж" показывается на всех страницах (оставить только на главной)

promotion после хитов нужен

Наверх

#12 Mr.Nito

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

Модераторы
1 364 сообщений

Отправлено 13 Май 2017 - 15:22

admin (13 Май 2017 - 14:08) писал:

Здравствуйте!
Необходимо перенести promotion из шаблона лето в шаблон ночь.
Жду помощи.
А так же скрыть блок вы смотрели на главной странице.
Ещё перенёс хиты в самый низ над новостями. Требуется убрать надпись "хиты продаж" показывается на всех страницах (оставить только на главной)

promotion после хитов нужен

Блок промо перенёс:

в шаблоне HTML заменил

	 <!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl">
	 <div class="container">
		 <div class="policy_shop">
		 <div class="row">
			 <div class="col-sm-4 col-xs-12 policy">
			 <div class="ca-content">
				 <em class="fa fa-truck">&nbsp;</em>
				 <h4 class="ca-main">Бесплатная доставка</h4>
				 Действует при заказе от 1990р по Самаре
			 </div>
			 </div>
			 <div class="col-sm-4 col-xs-12 policy">
			 <div class="ca-content">
				 <em class="fa fa-mail-reply">&nbsp;</em>
				 <h4 class="ca-main">Наложенный платёж</h4>
				 Вы получаете заказ и только после оплачиваете.
			 </div>
			 </div>
			 <div class="col-sm-4 col-xs-12 policy">
			 <div class="ca-content">
				 <em class="fa fa-comments">&nbsp;</em>
				 <h4 class="ca-main">Прием заказов 24/7</h4>
				 Работаем ежедневно с 09:00 до 19:00
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 {% ENDIF %}

на

<!-- Информационный блок -->
{% IF index_page %}
<div id="block-info">
	 <div class="container">
	 <div class="row">
		 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
		 <div class="row">
			 <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
			 <div class="icon">
				 <span><div class="fa fa-truck">&nbsp;</div></span>
			 </div>
			 <div class="text">
				 <h6>Бесплатная доставка</h6>
				 <p>Доставка по городу и области Бесплатна!</p>
			 </div>
			 </div>
			 <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
			 <div class="icon">
				 <span><div class="fa fa-comments">&nbsp;</div></span>
			 </div>
			 <div class="text">
				 <h6>100% гарантия возврата средств</h6>
				 <p>Вы можете вернуть товар в течении 30 дней после получения заказа.</p>
			 </div>
			 </div>
			 <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
			 <div class="icon">
				 <span><div class="fa fa-share">&nbsp;</div></span>
			 </div>
			 <div class="text">
				 <h6>Прием заказов 24/7</h6>
				 <p>Оформите заказ в интернет-магазине "Название магазина" Прямо сейчас!</p>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->

В main.css заменил

/*** Баннеры ***/
#topsl {border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding: 30px 0;}
#topsl .policy_shop .policy {overflow: hidden;position: relative;transition: all 300ms linear 0s;text-align: center;}
#topsl .policy_shop .policy .fa {border: 1px solid #aaa;background: #ffffff;font-size: 30px;transition: all 400ms linear 0s;width: 75px;height: 75px;border-radius: 50%;margin-bottom: 20px;color: #e4e4e4;}
#topsl .policy_shop .policy .fa:before {height: 100%;left: 0;line-height: 75px;position: absolute;top: 0;width: 100%;color: #aaa;}
#topsl .policy_shop .policy:hover .fa {background: #aaa;border-color: #aaa;}
#topsl .policy_shop .policy:hover .fa:before {color: #fff;-webkit-animation: moveFromBottom 300ms ease;-o-animation: moveFromBottom 300ms ease;animation: moveFromBottom 300ms ease;}
#topsl .policy_shop .policy .ca-content .ca-main {color: #777;margin-bottom: 15px;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}
#topsl .policy_shop .policy:hover .ca-content .ca-main {color: #777;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}

на

/*** Информационный блок ***/
#block-info {padding: 20px 0;border-top: 1px solid #dddddd;position: relative;}
#block-info .block-item .icon {display: inline-block;float: left;position: relative;width: 80px;height: 38px;background-color: rgba(0,0,0,0);margin: 23px 0;border-left: solid 1px #dddddd;border-right: solid 1px #dddddd;text-align: center;padding: 0;}
#block-info .block-item .icon:before, #block-info .block-item .icon:after {content: "";position: absolute;z-index: 1;width: 58px;height: 56.57px;-webkit-transform: scaleY(0.5774) rotate(-45deg);-ms-transform: scaleY(0.5774) rotate(-45deg);transform: scaleY(0.5774) rotate(-45deg);background-color: inherit;left: 10px;}
#block-info .block-item .icon:before {top: -28.2843px;border-top: solid 1.5px #dddddd;border-right: solid 1.5px #dddddd;}
#block-info .block-item .icon:after {bottom: -28.2843px;border-bottom: solid 1.5px #dddddd;border-left: solid 1.5px #dddddd;}
#block-info .block-item .icon span {position: relative;width: 69px;height: 34.41px;display: block;margin: 2px 4.5px;border-left: solid 0px #dddddd;border-right: solid 0px #dddddd;}
#block-info .block-item:hover .icon span {background: #18bd9c;}
#block-info .block-item .icon span:before, #block-info .block-item .icon span:after {content: "";position: absolute;z-index: 1;width: 49.50px;height: 49.50px;-webkit-transform: scaleY(0.5774) rotate(-45deg);-ms-transform: scaleY(0.5774) rotate(-45deg);transform: scaleY(0.5774) rotate(-45deg);background-color: inherit;left: 10px;}
#block-info .block-item .icon span:before {border-right: 0 solid #333333;border-top: 0 solid #333333;top: -24.7487px;}
#block-info .block-item .icon span:after {bottom: -24.7487px;border-bottom: solid 0.0000px #333333;border-left: solid 0.0000px #333333;}
#block-info .block-item .icon div {font-size: 25px;position: relative;z-index: 2;margin-top: 5px;}
#block-info .block-item .icon div.fa-truck {margin-left: 3px;}
#block-info .block-item .icon div.fa-share {margin-left: 8px;}
#block-info .block-item .icon div.fa-comments {margin-left: 5px;}
#block-info .block-item:hover .icon span div {color: #ffffff;}
#block-info .block-item .text {padding-left: 100px;text-transform: none;}
#block-info .block-item .text h6 {color: #404040;margin-top: 20px;margin-bottom: 5px;}
#block-info .block-item .icon span
{-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
@media all and (max-width: 767px) {
#block-info .block-item {min-height: 100px;width: 100%;margin-bottom: 10px;}
}
/*** END Информационный блок ***/

Для хитов товаров замените в шаблоне HTML

в блоке:

<!-- Хиты продаж -->

ниже

			 <div class="block-title">
				 <span class="starleft"><i class="fa fa-star"></i></span>
					 <strong>Хиты продаж</strong>
				 <span class="starright"><i class="fa fa-star"></i></span>
				 <div class="navigation">
					 <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
					 <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
				 </div>
			 </div>

на

			 {% IF index_page %}
			 <div class="block-title">
				 <span class="starleft"><i class="fa fa-star"></i></span>
					 <strong>Хиты продаж</strong>
				 <span class="starright"><i class="fa fa-star"></i></span>
				 <div class="navigation">
					 <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
					 <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
				 </div>
			 </div>
			 {% ENDIF %}

-Скрыть "Вы смотрели" на главной

<!-- Вы смотрели товары -->
{% IF MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = cart %}
<style>
	 .recently-goods {display:none;}
</style>
{% ENDIF %}

замените на

<!-- Вы смотрели товары -->
{% IF MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = cart %}
<style>
	 .recently-goods {display:none;}
</style>
{% ENDIF %}
{% IF index_page %}
<style>
	 .recently-goods {display:none;}
</style>
{% ENDIF %}

Наверх

#13 admin

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

Пользователи
505 сообщений

ГородСамара

Отправлено 13 Май 2017 - 15:55

Надпись Хиты продаж так и выводится на всех страницах.

Прошу прощения за promotion
Перепутал ..... не из лета...., но этот блок оставлю спасибо.
Скрин приложил блока нужного (расположить требуется выше новостей)

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

Наверх

#14 Mr.Nito

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

Модераторы
1 364 сообщений

Отправлено 13 Май 2017 - 16:22

admin (13 Май 2017 - 15:55) писал:

Надпись Хиты продаж так и выводится на всех страницах.

Прошу прощения за promotion
Перепутал ..... не из лета...., но этот блок оставлю спасибо.
Скрин приложил блока нужного (расположить требуется выше новостей)

Надпись скрыл по инструкции выше.

Блок Promotion из шаблона Рассвет добавил
В HTML

	<!-- Промо блок --> 
	{% IF index_page %}
	<div id="promotion" class="main-block">
	  <div class="container">
		<div class="row">
		  <div class="col-xs-12">
			<div class="promotion-description animated" data-animation="fadeInUp" data-delay="0">
			  <p class="text_medium tc">Этим летом</p>
			  <p class="text_large">Специальная цена на всё</p>
			  <p class="text_small">Более подробную информацию об акциях и специальных предложениях Вы можете получить по телефону <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>, воспользовавшись он-лайн консультантом или заполнив форму обратной связи.</p>
			  <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Узнать больше</a>
			</div>
		  </div>
		</div>
	  </div>
	</div>
  {% ENDIF %}   
	 <!-- Новости -->

В main.css код

/*** Промо блок ***/
#promotion {padding: 100px 0;background: url("{ASSETS_IMAGES_PATH}promotion.png?design=sunrise") no-repeat #efefec;background-position: right top;background-attachment: fixed;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;}
#promotion .promotion-description {text-align: left;position: relative;min-height: 150px;max-width: 70%;}
#promotion .promotion-description .text_medium {font-weight: 400;font-size: 36px;text-transform: uppercase;margin-bottom: 10px;}
#promotion .promotion-description .text_large {font-weight: 500;font-size: 48px;text-transform: uppercase;color: #638326;margin-bottom: 20px;}
#promotion .promotion-description .text_small {font-weight: 300;font-size: 21px;text-transform: none;}
#promotion .promotion-description .button {padding: 0 70px;margin-top: 20px;	display: inline-block;}

Нужно загрузить изображение promotion.png , чтобы оно отобразилось на сайте.

Наверх

#15 admin

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

Пользователи
505 сообщений

ГородСамара

Отправлено 13 Май 2017 - 16:44

Mr.Nito (13 Май 2017 - 16:22) писал:

Надпись скрыл по инструкции выше.

Блок Promotion из шаблона Рассвет добавил
В HTML

<!-- Промо блок -->
{% IF index_page %}
<div id="promotion" class="main-block">
	 <div class="container">
	 <div class="row">
		 <div class="col-xs-12">
		 <div class="promotion-description animated" data-animation="fadeInUp" data-delay="0">
			 <p class="text_medium tc">Этим летом</p>
			 <p class="text_large">Специальная цена на всё</p>
			 <p class="text_small">Более подробную информацию об акциях и специальных предложениях Вы можете получить по телефону <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>, воспользовавшись он-лайн консультантом или заполнив форму обратной связи.</p>
			 <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Узнать больше</a>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}
	 <!-- Новости -->

В main.css код

/*** Промо блок ***/
#promotion {padding: 100px 0;background: url("{ASSETS_IMAGES_PATH}promotion.png?design=sunrise") no-repeat #efefec;background-position: right top;background-attachment: fixed;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;}
#promotion .promotion-description {text-align: left;position: relative;min-height: 150px;max-width: 70%;}
#promotion .promotion-description .text_medium {font-weight: 400;font-size: 36px;text-transform: uppercase;margin-bottom: 10px;}
#promotion .promotion-description .text_large {font-weight: 500;font-size: 48px;text-transform: uppercase;color: #638326;margin-bottom: 20px;}
#promotion .promotion-description .text_small {font-weight: 300;font-size: 21px;text-transform: none;}
#promotion .promotion-description .button {padding: 0 70px;margin-top: 20px; display: inline-block;}

Нужно загрузить изображение promotion.png , чтобы оно отобразилось на сайте.

Отлично!

Нужно сделать в разрешении до 481 что бы пропадала картинка и текст с кнопкой был во весь экран (как в шаблоне рассвет)

Наверх

#16 Mr.Nito

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

Модераторы
1 364 сообщений

Отправлено 13 Май 2017 - 16:53

admin (13 Май 2017 - 16:44) писал:

Отлично!

Нужно сделать в разрешении до 481 что бы пропадала картинка и текст с кнопкой был во весь экран (как в шаблоне рассвет)

Изменения произвёл.
Перед

/*** Хлебные крошки ***/

добавил

@media all and (max-width: 767px) {
#proposition {padding: 30px 0 1px;}
#proposition .callback {padding: 30px 15px;}
#promotion {padding: 30px 0;background: #efefec;}
#promotion .promotion-description {max-width: 100%;text-align: center;}
#promotion .promotion-description .text_large {font-size: 36px;}
#promotion .promotion-description .text_medium {font-size: 28px;}
#promotion .promotion-description .text_small {font-size: 18px;}
}
@media all and (max-width: 480px) {
#promotion .promotion-description .text_large {font-size: 26px;}
#promotion .promotion-description .text_medium {font-size: 18px;}
#promotion .promotion-description .text_small {font-size: 15px;} 
}

Наверх

#17 admin

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

Пользователи
505 сообщений

ГородСамара

Отправлено 13 Май 2017 - 16:59

Осталось убрать картинку только. Не знаю как.

Наверх

#18 Mr.Nito

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

Модераторы
1 364 сообщений

Отправлено 13 Май 2017 - 17:17

admin (13 Май 2017 - 16:59) писал:

Осталось убрать картинку только. Не знаю как.

Добавьте в main.css код по инструкции выше и картинка пропадёт, видимо изменения вносились одновременно и не сохранились.

Наверх

#19 admin

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

Пользователи
505 сообщений

ГородСамара

Отправлено 14 Май 2017 - 08:09

Спасибо, немного по другому, но сделал.

Как изменить цвет ссылок (только в самом тексте)

Наверх

#20 admin

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

Пользователи
505 сообщений

ГородСамара

Отправлено 14 Май 2017 - 12:42

И ещё вопрос:
Нужно задать padding 5px картинкам в тексте. Только без галочки (есть на главной), а то её совсем не видно!
Нужен отступ от картинок, может как то по другому.