Отключен JavaScript

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

1

Нужны Изменения. Аккаунт Sl-313730

Автор Kot da Vinci, 16 дек. 2015 08:51

Вперед

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

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

#1 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 16 Декабрь 2015 - 08:51

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

Вопросы:

1. Почему в мобильной версии отображаются категории каталога, которые скрыты в настройках этих категорий (стоит галочка "Скрыть категорию на сайте"??? Товары в этих категориях тоже скрыты. Отображаются на всех телефонах, проверьте, пожалуйста.

2. Как подтянуть слайдер выше к меню сайта (только чтоб не нарушилась адаптивность). Подтянуть нужно вместе с товарами,которые под слайдером.

Наверх

#2 Danil

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

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

Отправлено 16 Декабрь 2015 - 09:37

Kot da Vinci (16 Декабрь 2015 - 08:51) писал:

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

Вопросы:

1. Почему в мобильной версии отображаются категории каталога, которые скрыты в настройках этих категорий (стоит галочка "Скрыть категорию на сайте"??? Товары в этих категориях тоже скрыты. Отображаются на всех телефонах, проверьте, пожалуйста.

2. Как подтянуть слайдер выше к меню сайта (только чтоб не нарушилась адаптивность). Подтянуть нужно вместе с товарами,которые под слайдером.

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

<div id="mommenu" class="menu-collapse">
			  <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				<i class="fa fa-bars"></i>
			  </span>
			  <span class="menu_catalog">Каталог</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 Меню навигации в шапке -->

и замените на

 <div id="mommenu" class="menu-collapse">
			  <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				<i class="fa fa-bars"></i>
			  </span>
			  <span class="menu_catalog">Каталог</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 {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} 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 Меню навигации в шапке -->

2) В конец main.css добавьте

@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
	margin-top: -55px;
}
}

Наверх

#3 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 16 Декабрь 2015 - 18:35

Даниил, спасибо, по первому получилось, а с этим вот что получается:

2) В конец main.css добавьте
[CODE]
@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
margin-top: -55px;
}
}

То есть контент поднялся на всех страницах и перекрыл строчку пути. Хотелось бы сделать так: контент на остальных страницах все-таки поднять, а строчку, в которой указан путь, сделать поуже и поместить над контентом, как на скриншоте (зеленым цветом)

Идеальное значение margin-top для положения слайдера и контента -85, нужно таким оставить,как раз как надо получается.

Наверх

#4 Danil

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

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

Отправлено 16 Декабрь 2015 - 18:57

Kot da Vinci (16 Декабрь 2015 - 18:35) писал:

Даниил, спасибо, по первому получилось, а с этим вот что получается:

2) В конец main.css добавьте
@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
margin-top: -55px;
}
}

То есть контент поднялся на всех страницах и перекрыл строчку пути. Хотелось бы сделать так: контент на остальных страницах все-таки поднять, а строчку, в которой указан путь, сделать поуже и поместить над контентом, как на скриншоте (зеленым цветом)

Идеальное значение margin-top для положения слайдера и контента -85, нужно таким оставить,как раз как надо получается.

В шаблоне html найдите код

Скрытый текст

  <!-- Хлебные крошки -->
	  {% IFNOT index_page %}
	  <div id="breadcrumbs">
		<div class="container">
		  <ul class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="home"><a itemprop="item" href="http://{NET_DOMAIN}/" title="Перейти на главную"><span itemprop="name">Главная</span></a></li>
			{% IF MOD_LNAME=cart %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">{% IF cart_items_empty %}Корзина покупок пуста{% ELSE %}Корзина{% ENDIF %}</li>
			{% ELSEIF MOD_LNAME=user && ACT=login %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Войти или зарегистрироваться</strong></li>
			{% ELSEIF MOD_LNAME=user && ACT=change %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{USER_RECOVERY_URL}" title="Восстановление пароля"><span itemprop="name">Восстановление пароля</span></a></li>
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Активация нового пароля</strong></li>
			{% ELSEIF MOD_LNAME=user && ACT=recovery %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Восстановление пароля</strong></li>
			{% ELSEIF MOD_LNAME=user && ACT=favorites %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Избранные товары</strong></li>
			{% ELSEIF MOD_LNAME=user && ACT=history_info %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{USER_SETTINGS_URL}" title="Личный кабинет"><span itemprop="name">Личный кабинет</span></a></li>
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{USER_HISTORY_LIST_URL}" title="История моих заказов"><span itemprop="name">Мои заказы</span></a></li>
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Карточка заказа</strong></li>
			{% ELSEIF MOD_LNAME=user  && ACT=history_list %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{USER_SETTINGS_URL}" title="Личный кабинет"><span itemprop="name">Личный кабинет</span></a></li>
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Мои заказы</strong></li>
			{% ELSEIF MOD_LNAME=user && ACT=settings %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Личный кабинет</strong></li>
			{% ELSEIF MOD_LNAME=user && ACT=register %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Регистрация клиента</strong></li>
			{% ELSEIF MOD_LNAME=order && ACT=stage %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{CART_URL}" title="Перейти в корзину"><span itemprop="name">Корзина</span></a></li>
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Оформление заказа</strong></li>
			{% ELSEIF MOD_LNAME=search %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Поиск</strong></li>
			{% ELSEIF MOD_LNAME=discount && ACT=index && ID %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{DISCOUNT_URL}" title="Перейти на страницу акций магазина"><span itemprop="name">Акции магазина</span></a></li>
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">{PROMOTIONAL_CAMPAIGN_NAME}</strong></li>
			{% ELSEIF MOD_LNAME=discount && ACT=index %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Акции магазина</strong></li>
			{% ELSEIF MOD_LNAME=order && ACT=info %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{CART_URL}" title="Перейти в корзину"><span itemprop="name">Корзина</span></a></li>
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{CART_URL}"><span itemprop="name">Оформление заказа</span></a></li>
			  <li>Заказ {% IF ORDER_NUM %}№{ORDER_NUM}{% ENDIF %} успешно оформлен.</li>
			{% ELSEIF MOD_LNAME=feedback && ACT=index %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Связь с администрацией</strong></li>
			{% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL  || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">{NEWS_SECTION_NAME}</strong></li>
			{% ELSEIF MOD_LNAME=news %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{NEWS_SECTION_URL}" title="{NEWS_SECTION_NAME}"><span itemprop="name">{NEWS_SECTION_NAME}</span></a></li>
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">{NEWS_TITLE}</strong></li>
			{% ELSEIF MOD_LNAME=compare %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Список сравнения</strong></li>
			{% ELSEIF MOD_LNAME=page %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">{PAGE_NAME}</strong></li>
			{% ELSEIF MOD_LNAME= %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Внутренняя ошибка сервера</strong></li>
			{% ELSEIF MOD_LNAME=callback %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Заказ обратного звонка</strong></li>
			{% ELSEIF MOD_LNAME=goods %}
			  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{CATALOG_URL}" title="Перейти в каталог товаров"><span itemprop="name">Каталог</span></a></li>
			  {% FOR upper_navigation %}
				<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;"><span itemprop="name">{upper_navigation.NAME}</span></a></li>
			  {% ENDFOR %}
				<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">{GOODS_NAME}</strong></li>
			{% ELSEIF MOD_LNAME=catalog %}
			  {% IF IS_FULL_CATALOG %}
				<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Каталог</strong></li>
			  {% ELSE %}
				<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{CATALOG_URL}" title="Перейти в каталог продукции нашего магазина"><span itemprop="name">Каталог</span></a></li>
				  {% FOR upper_navigation %}
					{% IF upper_navigation.CURRENT %}
					  <li>{upper_navigation.NAME}</li>
					{% ELSEIF upper_navigation.CURRENT_PARENT %}
					  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;"><span itemprop="name">{upper_navigation.NAME}</span></a></li>
					{% ENDIF %}
				  {% ENDFOR %}
			  {% ENDIF %}
			{% ENDIF %}
		  </ul>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Хлебные крошки -->

и переместите его вставив после строки

<!-- /END Меню навигации в шапке -->

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

@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
margin-top: -85px;
}
}

и замените на

div#breadcrumbs .container {
	width: 100%;
}
div#breadcrumbs {
	clear: both;
}

Наверх

#5 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 16 Декабрь 2015 - 19:29

Очень хорошо, когда вот это не делать:

В main.css найдите код
@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
margin-top: -85px;
}
}

и замените на
div#breadcrumbs .container {
width: 100%;
}
div#breadcrumbs {
clear: both;
}
а оставить так (потому что если сделать, то на главной слайдер с контентом остаются на своем месте), но полоса в которой указан путь уезжает в правый угол. Можно просто совсем не много сдвинуть контент на всех страницах вниз (КРОМЕ ГЛАВНОЙ), а полосу эту поместить над ним?

Наверх

#6 Danil

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

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

Отправлено 16 Декабрь 2015 - 19:53

Kot da Vinci (16 Декабрь 2015 - 19:29) писал:

Очень хорошо, когда вот это не делать:

В main.css найдите код
@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
margin-top: -85px;
}
}

и замените на
div#breadcrumbs .container {
width: 100%;
}
div#breadcrumbs {
clear: both;
}
а оставить так (потому что если сделать, то на главной слайдер с контентом остаются на своем месте), но полоса в которой указан путь уезжает в правый угол. Можно просто совсем не много сдвинуть контент на всех страницах вниз (КРОМЕ ГЛАВНОЙ), а полосу эту поместить над ним?

В таком случае просто добавьте код

div#breadcrumbs .container {
	 width: 100%;
}
div#breadcrumbs {
	 clear: both;
}

для того, чтобы "хлебные крошки" были под меню.
А в коде

@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
margin-top: -85px;
}
}

увеличьте значение -85px, чтобы опустить контент страниц, т.к. "хлебные крошки" будет не видно.

Наверх

#7 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 16 Декабрь 2015 - 20:20

В таком случае просто добавьте код
div#breadcrumbs .container {
width: 100%;
}
div#breadcrumbs {
clear: both;
}
для того, чтобы "хлебные крошки" были под меню.
А в коде
@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
margin-top: -85px;
}
}
увеличьте значение -85px, чтобы опустить контент страниц, т.к. "хлебные крошки" будет не видно.

1. Да, допустим, вроде нормально так.

2. Вот как раз значение -85 и не нужно менять, я его выставил именно по слайдеру, то есть слайдер подогнал выше к меню, что и нужно было изначально!!! Сейчас нужно ОТДЕЛЬНО ОТ ГЛАВНОЙ СТРАНИЦЫ опустить контент на других страницах. А если менять значение margin-top, то опускается и слайдер на главной странице!
Вот что нужно сделать, на скрине понятно.

Наверх

#8 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 17 Декабрь 2015 - 15:16

Ответьте, пожалуйста

Наверх

#9 Firefly

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

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

Отправлено 17 Декабрь 2015 - 15:25

Kot da Vinci (17 Декабрь 2015 - 15:16) писал:

Ответьте, пожалуйста

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

		 <div class="col-md-9 col-xs-12 col-right">
		 <!-- Slider Слайдер -->

Замените на:

		 <div class="col-md-9 col-xs-12 col-right sliderblock">
		 <!-- Slider Слайдер -->

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

@media only screen and (min-width: 1200px){
.col-md-9.col-xs-12.col-right {
margin-top: -85px;
}

Замените на:

@media only screen and (min-width: 1200px){
.sliderblock {
margin-top: -85px;
}

Наверх

#10 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 23 Декабрь 2015 - 03:28

Спасибо, получилось!)

Теперь вот что нужно сделать:

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

Можно ли сделать, чтобы пользователь при нажатии на картинку, попадал на такую страницу? Вот пример:

http://street-shoes.ru/photoalbums

http://street-shoes....toalbums/188852

http://street-shoes....toalbums/187290

то есть это должно быть в виде альбома с фото, которые можно добавлять и удалять.

Наверх

#11 Vaccina

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

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

Отправлено 24 Декабрь 2015 - 00:44

В шаблоне HTML после:

<!-- Каталог -->
			{% IFNOT catalog_full_empty %}
			<div class="block menu">
			  <div class="block-title">
				<a href="{CATALOG_URL}"><h5><span>Каталог</span></h5></a></div>
				<div class="block-menu-content">
				  <ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% 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}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% 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 %}
				  </ul>
				</div>
			</div>
			{% ENDIF %}
			<!-- /END Каталог -->

вставьте:

<!-- Отзывы -->
			{% IFNOT catalog_full_empty %}
			<div class="block menu">
			  <div class="block-title">
				<a href="#"><h5><span>Отзывы</span></h5></a></div>
				<div class="block-menu-content">
				  <a href="#"><img src="ссылка на картинку" alt="" /></a>
				</div>
			</div>
			{% ENDIF %}
			<!-- /END Отзывы -->

в нем текст и знаки # замените на необходимые ссылки.

На счет самих альбомов, как вариант, или создать в разделе Сайт - Страница - необходимую страницу и редактировать в последующем описание, или подключить стороннюю галерею, например PICASA:
http://ruseller.com/...p?id=545&rub=32

Наверх

#12 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 24 Декабрь 2015 - 06:22

С блоком получилось, спасибо!) Единственное, что-то еще нужно доделать, а то в мобильной версии получается вот так, то есть не полностью по ширине блока:

На счет самих альбомов, как вариант, или создать в разделе Сайт - Страница - необходимую страницу и редактировать в последующем описание, или подключить стороннюю галерею, например PICASA:
http://ruseller.com/...p?id=545&rub=32

Воо! Насчет галереи PICASA - это хорошая идея!) Помогите ее вставить в сайт, не пойму, какой код и куда нужно вставлять.

Наверх

#13 Vaccina

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

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

Отправлено 24 Декабрь 2015 - 06:56

<div class="block menu">
						  <div class="block-title">
								<a href="#"><h5><span>Отзывы</span></h5></a></div>

замените на:

<div class="block otzivi menu">
						  <div class="block-title">
								<a href="#"><h5><span>Отзывы</span></h5></a></div>

и в main.css добавьте:

.otzivi .block-menu-content  {width:100%;}

По поводу интеграции, необходимо скачать и загрузить в редактор шаблонов файлы, далее в шаблоне HTML до тега </head> вставить:

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}slimbox2.css" type="text/css" media="screen" />
<script type="text/javascript" src="{ASSETS_JS_PATH}slimbox2.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.EmbedPicasaGallery.js"></script>

и далее для необходимой страницы надо вставить по примеру:

{% IF PAGE_NAME=Название страницы %}
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#images").EmbedPicasaGallery('СЮДА ПИШИТЕ ВАШ ЛОГИН в ГУГЛ',{
loading_animation: 'css/loading.gif',
matcher: /Алиса/
});
})
</script>
<div id="images"></div>
{% ENDIF %}

вместо css/loading.gif необходимо указать ссылку на анимационную иконку, которая будет отображаться до загрузки галереи, а вместо /Алиса/ указать название альбома и вместо текста указать логин google

Наверх

#14 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 24 Декабрь 2015 - 07:27

Так, ну вот это сделал:
<div class="block menu">
  <div class="block-title">
<a href="#"><h5><span>Отзывы</span></h5></a></div>

замените на:<div class="block otzivi menu">
  <div class="block-title">
<a href="#"><h5><span>Отзывы</span></h5></a></div>и в main.css добавьте:

.otzivi .block-menu-content  {width:100%;}
ничего не изменилось...(

Насчет интеграции спасибо, буду разбираться... Я не совсем понял, какие файлы нужно загрузить в редактор шаблонов... Фотографии все?? Просто их очень много и я как понимаю нужно:
1.Зарегистрировать аккаунт в Гугл
2.Создать в Гугл альбом
3. Загрузить туда фото
4. В редакторе шаблонов,в HTML вставить этот код:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}slimbox2.css" type="text/css" media="screen" />
<script type="text/javascript" src="{ASSETS_JS_PATH}slimbox2.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.EmbedPicasaGallery.js"></script>
и этот с нужными ссылками и паролем от аккаунта

{% IF PAGE_NAME=Название страницы %}
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#images").EmbedPicasaGallery('СЮДА ПИШИТЕ ВАШ ЛОГИН в ГУГЛ',{
loading_animation: 'css/loading.gif',
matcher: /Алиса/
});
})
</script>
<div id="images"></div>
{% ENDIF %}
Правильно?

Наверх

#15 Vaccina

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

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

Отправлено 25 Декабрь 2015 - 00:45

1. Почистите кэш, на данный момент, фон занимает всю область:

также в блоке:

<!-- Отзывы -->
						{% IFNOT catalog_full_empty %}
						<div class="block otzivi menu">
						  <div class="block-title">
								<a href="Ссылка на альбом или страницу"><h5><span>Отзывы</span></h5></a></div>
								<div class="block-menu-content">
								  <a href="Ссылка на альбом или страницу"><img src="http://st.storeland.net/8/1792/589/Screenshot_6.png" alt="" /></a>
								</div>
						</div>
						{% ENDIF %}
						<!-- /END Отзывы -->

необходимо текст заменить на ссылки:

<!-- Отзывы -->
						{% IFNOT catalog_full_empty %}
						<div class="block otzivi menu">
						  <div class="block-title">
								<a href="http://sneaker-store.ru/page/Otzyvy"><h5><span>Отзывы</span></h5></a></div>
								<div class="block-menu-content">
								  <a href="http://sneaker-store.ru/page/Otzyvy"><img src="http://st.storeland.net/8/1792/589/Screenshot_6.png" alt="" /></a>
								</div>
						</div>
						{% ENDIF %}
						<!-- /END Отзывы -->

2. Блок необходимо изменить:

{% IF PAGE_NAME=Название страницы %}
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#images").EmbedPicasaGallery('СЮДА ПИШИТЕ ВАШ ЛОГИН в ГУГЛ',{
loading_animation: 'css/loading.gif',
matcher: /Алиса/
});
})
</script>
<div id="images"></div>
{% ENDIF %}

СЮДА ПИШИТЕ ВАШ ЛОГИН в ГУГЛ - замените на необходимое
/Алиса/ - замените на название альбома
Название страницы - замените на название страницы, где он будет размещен

Сам блок необходимо размещать в разделе Сайт - Редактор шаблонов - Страница.

Наверх

#16 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 25 Декабрь 2015 - 11:56

1. С сылками понятно, я просто еще не придумал куда они будут вести. Кэш чистил, проблема не в отображении в полной версии сайта, а в отображении в мобильной версии, с телефона когда смотришь. Вот это и нужно исправить:

Наверх

#17 Vaccina

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

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

Отправлено 26 Декабрь 2015 - 01:50

Прошу прощения, в прошлый раз невнимательно читала =)
В main.css найдите:

.otzivi .block-menu-content {
	width: 100%;
}

замените на:

.otzivi .block-menu-content, .otzivi .block-menu-content img {
	width: 100%;
}

Наверх

#18 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 28 Декабрь 2015 - 04:32

Ничего страшного) Теперь все ок!

Можно еще кнопку эту убрать, чтоб раскрывалось полностью:

Наверх

#19 Danil

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

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

Отправлено 28 Декабрь 2015 - 09:23

Kot da Vinci (28 Декабрь 2015 - 04:32) писал:

Ничего страшного) Теперь все ок!

Можно еще кнопку эту убрать, чтоб раскрывалось полностью:

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

#producttabs .pdt-content .item {display:none;padding: 0 15px;}

и замените на

#producttabs .pdt-content .item {display:block;padding: 0 15px;}

найдите

#producttabs .button-load {overflow: hidden;width: 100%;}

и замените на

#producttabs .button-load {overflow: hidden;width: 100%;display:none;}

Наверх

#20 Kot da Vinci

Продвинутый пользователь

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

ГородMoscow

Отправлено 28 Декабрь 2015 - 22:42

Спасибо, все ок!)

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