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


Добавить Форму Поиска В Меню И Каталог На Главную

Автор Evgenyi, 26 мая 2016 16:07
шапка главное меню категори каталог форма поиска

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

#1 Evgenyi

Evgenyi

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

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

Отправлено 26 Май 2016 - 16:07

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

Помогите, пожалуйста, со следующими вопросами.

Просмотрев форум, я самостоятельно смог разместить главное меню в меню категорий каталога. Затем разместил созданное меню в html коде в самом верху страницы. Теперь необходимо сделать следующее:

1) Переместить в верхнее меню форму поиска рядом с иконками "корзина" и "добавить к сравнению" с соответствующими стилями.
2) Добавить в любой пункт верхнего меню несколько элементов меню 2-го уровня, как это происходит у каталога. ( скриншот 2).
3) Добавить небольшой отступ в меню верхнего уровня, чтобы иконки корзины и "добавить к сравнению" не соприкасались с границей.
4) Сделать так, чтобы синяя горизонтальная линия фиксировалась в верхней части браузера при прокрутке вместе с меню.
5) Телефон и контактный e-mail перенести в блок с логотипом и разместить в правом верхнем углу. Блок, где находился телефон и e-mail, удалить.
6) Блок с меню каталогом полностью удалить, чтобы после белого блока с логотипом располагался сразу слайдер.
7) Как можно добавить на главную страницу слева каталог, который выводится на всех страницах каталога? Конкретных инструкций по данному вопросу на форуме не нашел.

Аккаунт SL-386929

Заранее огромное спасибо!

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

  • 1.png
  • 2.png

#2 RayLi

RayLi

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

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

Отправлено 27 Май 2016 - 09:37

Просмотр сообщенияEvgenyi (26 Май 2016 - 16:07) писал:

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

Помогите, пожалуйста, со следующими вопросами.

Просмотрев форум, я самостоятельно смог разместить главное меню в меню категорий каталога. Затем разместил созданное меню в html коде в самом верху страницы. Теперь необходимо сделать следующее:

1) Переместить в верхнее меню форму поиска рядом с иконками "корзина" и "добавить к сравнению" с соответствующими стилями.
2) Добавить в любой пункт верхнего меню несколько элементов меню 2-го уровня, как это происходит у каталога. ( скриншот 2).
3) Добавить небольшой отступ в меню верхнего уровня, чтобы иконки корзины и "добавить к сравнению" не соприкасались с границей.
4) Сделать так, чтобы синяя горизонтальная линия фиксировалась в верхней части браузера при прокрутке вместе с меню.
5) Телефон и контактный e-mail перенести в блок с логотипом и разместить в правом верхнем углу. Блок, где находился телефон и e-mail, удалить.
6) Блок с меню каталогом полностью удалить, чтобы после белого блока с логотипом располагался сразу слайдер.
7) Как можно добавить на главную страницу слева каталог, который выводится на всех страницах каталога? Конкретных инструкций по данному вопросу на форуме не нашел.

Аккаунт SL-386929

Заранее огромное спасибо!

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне html найдите данный код:

#menu .nav-right {
	text-align: right;
	float: right;
	margin-top: 14px;
}
И замените его вот этим вот кодом:

#menu .nav-right {
	text-align: right;
	float: right;
	margin-top: 10px;
	padding-bottom: 5px;
}


После этого в том же шаблоне на 307-й строке найдите, пожалуйста, следующий код:

	  <!-- /END Основная часть Шапки -->
	  <!-- Каталог в шапке -->
	  <div id="menu" class="wrap">
		<div class="inner">
		  <div class="container">
			<div class="row">
			  <!-- BEGIN: Main Navigation -->
			  <div id="mainnav" class="col-md-10">
				<div id="custommenu">
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
				  </ul>
				</div>
			  </div>
			  <div id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="fa fa-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <div id="menu_collapse" class="mainnav collapse">
					<ul>
					{% IFNOT catalog_full_empty %}
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul>
				  </div>
				</div>
			  </div>
			  <!-- END: Main Navigation -->
			  
			  <div class="nav-right col-md-2">
				<div class="header-right-inner">
				  <div class="block-search">
					<form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
					  <div class="form-search">
						<input id="search" type="text" name="q" value="" class="inputText search-string" placeholder="Поиск по магазину...">
						<button type="submit" title="Искать" class="button search-submit"></button>
					  </div>
					</form>
				  </div>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				  <div class="block block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %}">
					<div class="compare-toggle">
					  <a href="{COMPARE_URL}" class="link-hide"></a>
					  <span class="compare-num">{COMPARE_GOODS_COUNT}</span>
					</div>
					<div class="block-content clearfix">
					  <div class="block-inner">
						<ul id="compare-items">
						  {% FOR compare_goods %}
						  <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
							<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="btn-remove close remove-compare" title="Убрать товар из списка сравнения">×</a>
							<p class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
							<a href="#" class="dataid">{compare_goods.ID}</a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="actions">
						  <a href="{COMPARE_URL}" class="button">Перейти к Сравнению</a>
						</div>
					  </div>
					</div>
				  </div>
				  {% ENDIF %}
				  <div class="block mini-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
					<div class="block-title">
					  <a href="{CART_URL}" class="link-hide"></a>
					  <div class="cart-status">
						<span class="cart-count">{CART_COUNT_TOTAL}</span>
					  </div>
					</div>
					<div class="block-content dropdown-cart">
					  <div class="block-inner">
						{% IF cart_count_empty %}
						<p class="block-subtitle empty">Ваша корзина пуста</p>
						{% ELSE %}
						<p class="block-subtitle not-empty">В корзине:</p>
						{% ENDIF %}
						<ul id="cart-sidebar" class="mini-products-list">
						  {% FOR cart_items %}
						  <li class="cart-item">
							<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=azure{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
							<div class="product-details">
							  <p class="product-name">
								<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a>
							  </p>
							  <p class="product-mod">
								{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
							  </p>
							</div>
							<div class="product-details-bottom">
							  <div class="price-box">
								<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
							  </div>
							  <p class="quantity-container">
								<span class="label-qty">Количество:</span>
								
								<span class="qty inputText">{cart_items.ORDER_LINE_QUANTITY}</span>
							  </p>
							</div>
							<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove btn-remove"></a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="bottom-action actions">
						  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
						  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
						</div>
					  </div>
					</div>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Каталог в шапке -->
	  <!-- Хлебные крошки -->

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

	  <!-- /END Основная часть Шапки -->
	  <!-- Хлебные крошки -->

#3 Evgenyi

Evgenyi

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

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

Отправлено 27 Май 2016 - 09:56

Просмотр сообщенияRayLi (27 Май 2016 - 09:37) писал:

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне html найдите данный код:

#menu .nav-right {
text-align: right;
float: right;
margin-top: 14px;
}
И замените его вот этим вот кодом:

#menu .nav-right {
text-align: right;
float: right;
margin-top: 10px;
padding-bottom: 5px;
}


После этого в том же шаблоне на 307-й строке найдите, пожалуйста, следующий код:

<!-- /END Основная часть Шапки -->
<!-- Каталог в шапке -->
<div id="menu" class="wrap">
<div class="inner">
<div class="container">
<div class="row">
<!-- BEGIN: Main Navigation -->
<div id="mainnav" class="col-md-10">
<div id="custommenu">
<ul class="mainnav">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div>
</div>
<div id="mommenu" class="menu-collapse">
<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
<i class="fa fa-reorder"></i>
</span>
<div class="menu_collapse_wrap">
<div id="menu_collapse" class="mainnav collapse">
<ul>
{% IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
</div>
</div>
</div>
<!-- END: Main Navigation -->

<div class="nav-right col-md-2">
<div class="header-right-inner">
<div class="block-search">
<form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
<div class="form-search">
<input id="search" type="text" name="q" value="" class="inputText search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
<div class="block block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %}">
<div class="compare-toggle">
<a href="{COMPARE_URL}" class="link-hide"></a>
<span class="compare-num">{COMPARE_GOODS_COUNT}</span>
</div>
<div class="block-content clearfix">
<div class="block-inner">
<ul id="compare-items">
{% FOR compare_goods %}
<li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="btn-remove close remove-compare" title="Убрать товар из списка сравнения">×</a>
<p class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
<a href="#" class="dataid">{compare_goods.ID}</a>
</li>
{% ENDFOR %}
</ul>
<div class="actions">
<a href="{COMPARE_URL}" class="button">Перейти к Сравнению</a>
</div>
</div>
</div>
</div>
{% ENDIF %}
<div class="block mini-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
<div class="block-title">
<a href="{CART_URL}" class="link-hide"></a>
<div class="cart-status">
<span class="cart-count">{CART_COUNT_TOTAL}</span>
</div>
</div>
<div class="block-content dropdown-cart">
<div class="block-inner">
{% IF cart_count_empty %}
<p class="block-subtitle empty">Ваша корзина пуста</p>
{% ELSE %}
<p class="block-subtitle not-empty">В корзине:</p>
{% ENDIF %}
<ul id="cart-sidebar" class="mini-products-list">
{% FOR cart_items %}
<li class="cart-item">
<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=azure{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
<div class="product-details">
<p class="product-name">
<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a>
</p>
<p class="product-mod">
{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
</p>
</div>
<div class="product-details-bottom">
<div class="price-box">
<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
</div>
<p class="quantity-container">
<span class="label-qty">Количество:</span>

<span class="qty inputText">{cart_items.ORDER_LINE_QUANTITY}</span>
</p>
</div>
<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove btn-remove"></a>
</li>
{% ENDFOR %}
</ul>
<div class="bottom-action actions">
<a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
<a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /END Каталог в шапке -->
<!-- Хлебные крошки -->

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

<!-- /END Основная часть Шапки -->
<!-- Хлебные крошки -->

Здравствуйте! Спасибо за ответ!

С отступом сработало, все хорошо.

По поводу удаления меню категорий - я так раньше делал, но в этом случае бэкграунд слайдера "наклыдывается" и закрывает собой половину хэдера, в том числе и логотип с формой поиска (скриншот в приложении). Как можно убрать это наложение, чтобы высота шапки оставалась исходной?

И по-прежнему, главным вопросом остается размещение каталога товаров слева на главной странице и на странице карточки товара. Как можно это сделать?

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

  • 2016-05-27_12-50-11.png

#4 Юля123

Юля123

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

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

Отправлено 27 Май 2016 - 11:10

Просмотр сообщенияEvgenyi (27 Май 2016 - 09:56) писал:

Здравствуйте! Спасибо за ответ!

С отступом сработало, все хорошо.

По поводу удаления меню категорий - я так раньше делал, но в этом случае бэкграунд слайдера "наклыдывается" и закрывает собой половину хэдера, в том числе и логотип с формой поиска (скриншот в приложении). Как можно убрать это наложение, чтобы высота шапки оставалась исходной?

И по-прежнему, главным вопросом остается размещение каталога товаров слева на главной странице и на странице карточки товара. Как можно это сделать?

Здравствуйте, в main.css найдите код:

#header {position: relative;padding: 32px 0 30px;}

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

#header {position: relative;padding: 32px 0 30px;background: #fff;}

Далее в шаблоне HTML код:
Скрытый текст

замените на код:
Скрытый текст


Результат:

QIP Shot - Screen 358.png

#5 Evgenyi

Evgenyi

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

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

Отправлено 27 Май 2016 - 13:26

Просмотр сообщенияЮля123 (27 Май 2016 - 11:10) писал:

Здравствуйте, в main.css найдите код:

#header {position: relative;padding: 32px 0 30px;}

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

#header {position: relative;padding: 32px 0 30px;background: #fff;}

Далее в шаблоне HTML код:
Скрытый текст

замените на код:
Скрытый текст


Результат:

QIP Shot - Screen 358.png

Огромное спасибо!!! Все получилось, каталог на главной странице есть.

Помогите, пожалуйста, теперь добавить его на странице карточки товара!

#6 Danil

Danil

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

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

Отправлено 27 Май 2016 - 14:11

Просмотр сообщенияEvgenyi (27 Май 2016 - 13:26) писал:

Огромное спасибо!!! Все получилось, каталог на главной странице есть.

Помогите, пожалуйста, теперь добавить его на странице карточки товара!
В шаблоне html найдите код 
				 <div id="main" class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || index_page %}col-md-9 col-xs-12{% ELSE %}col-xs-12{% ENDIF %}">
и замените на 

				 <div id="main" class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || index_page || MOD_LNAME=goods %}col-md-9 col-xs-12{% ELSE %}col-xs-12{% ENDIF %}">
так же найдите
						 {% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || index_page %}
								 <div id="left" class="col-md-3 col-xs-12" >
и замените на 
						 {% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || index_page || MOD_LNAME=goods %}
								 <div id="left" class="col-md-3 col-xs-12" >

#7 Evgenyi

Evgenyi

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

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

Отправлено 02 Июнь 2016 - 07:39

Просмотр сообщенияDanil (27 Май 2016 - 14:11) писал:

В шаблоне html найдите код
 <div id="main" class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || index_page %}col-md-9 col-xs-12{% ELSE %}col-xs-12{% ENDIF %}">
и замените на

 <div id="main" class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || index_page || MOD_LNAME=goods %}col-md-9 col-xs-12{% ELSE %}col-xs-12{% ENDIF %}">
так же найдите
{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || index_page %}
<div id="left" class="col-md-3 col-xs-12" >
и замените на 
{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || index_page || MOD_LNAME=goods %}
<div id="left" class="col-md-3 col-xs-12" >

Спасибо! Все получилось.

Только теперь при активации функции "быстрый просмотр" во всплывающем окне карточка товара тоже сместилась вправо (скриншот во вложении).

Можно это как-нибудь исправить?

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

  • 1.png

#8 Firefly

Firefly

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

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

Отправлено 02 Июнь 2016 - 10:34

Просмотр сообщенияEvgenyi (02 Июнь 2016 - 07:39) писал:

Спасибо! Все получилось.

Только теперь при активации функции "быстрый просмотр" во всплывающем окне карточка товара тоже сместилась вправо (скриншот во вложении).

Можно это как-нибудь исправить?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
/* Получение центральной разметки страницы */
(function() {
  $.fn.getColumnContent = function() {
	return ($(this).size() ? $(this).find('.product-view') : $('.product-view'));
  };
})();
/* END Получение центральной разметки страницы */

Замените на:
/* Получение центральной разметки страницы */
(function() {
  $.fn.getColumnContent = function() {
	return ($(this).size() ? $(this).find('.product-view') : $('.product-view'));
  };
})();
/* END Получение центральной разметки страницы */

#9 Evgenyi

Evgenyi

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

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

Отправлено 02 Июнь 2016 - 12:42

Просмотр сообщенияFirefly (02 Июнь 2016 - 10:34) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
/* Получение центральной разметки страницы */
(function() {
$.fn.getColumnContent = function() {
return ($(this).size() ? $(this).find('.product-view') : $('.product-view'));
};
})();
/* END Получение центральной разметки страницы */

Замените на:
/* Получение центральной разметки страницы */
(function() {
$.fn.getColumnContent = function() {
return ($(this).size() ? $(this).find('.product-view') : $('.product-view'));
};
})();
/* END Получение центральной разметки страницы */

Спасибо, с быстрым просмотром разобрались.

Еще заметил, что при уменьшении окна браузера, а также при открытии сайта с экрана мобильного телефона, товары точно так же "сдвигаются" вправо, как и сдвигалась карточка товара в "быстром просмотре". Слева остается пустое поле...

Как можно разместить товары посередине при уменьшении окна браузера и при открытии главной с мобильно устройства??

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

  • 2016-06-02_15-39-35.png

#10 Firefly

Firefly

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

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

Отправлено 02 Июнь 2016 - 13:31

Просмотр сообщенияEvgenyi (02 Июнь 2016 - 12:42) писал:

Спасибо, с быстрым просмотром разобрались.

Еще заметил, что при уменьшении окна браузера, а также при открытии сайта с экрана мобильного телефона, товары точно так же "сдвигаются" вправо, как и сдвигалась карточка товара в "быстром просмотре". Слева остается пустое поле...

Как можно разместить товары посередине при уменьшении окна браузера и при открытии главной с мобильно устройства??

Создал Вам бэкап и внес изменения. Так же не увидел у Вас изменения по предыдущей инструкции, применил их. Сейчас все должно отображаться корректно.

#11 Evgenyi

Evgenyi

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

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

Отправлено 02 Июнь 2016 - 13:41

Просмотр сообщенияFirefly (02 Июнь 2016 - 13:31) писал:

Создал Вам бэкап и внес изменения. Так же не увидел у Вас изменения по предыдущей инструкции, применил их. Сейчас все должно отображаться корректно.

Да, сейчас все отлично! Большое Вам спасибо за помощь!
Обратно в Изменение общей стилистики



Темы с аналогичным тегами шапка главное меню, категори, каталог, форма поиска

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

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

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