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

[Beliu]

Здравствуйте помогите пожалуйста убрать боковое навигационное меню совсем а надпись перенести в верхнее выподающее меню влево (в начало)

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

• 

[Firefly]

Beliu (10 Май 2016 - 09:18) писал:

Здравствуйте помогите пожалуйста убрать боковое навигационное меню совсем а надпись перенести в верхнее выподающее меню влево (в начало)

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

	<div id="catalog" class="col-main {% IF index_page %}col-md-12{% ELSE %}col-md-9{% ENDIF %}">

Замените на:

	<div id="catalog" class="col-main col-md-12">

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

				<!-- Логотип -->
				<div class="col-xs-6 col-md-2 col-lg-2 logo-box">
				  <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
					<img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				  </a>
				</div>
				<!-- END Логотип -->

Замените на:

				<!-- Логотип -->
				<div class="col-xs-6 col-md-3 col-lg-2 logo-box">
				  <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
					<img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				  <span>ТРЦО DOFLAT</span>
				  </a>
				</div>
				<!-- END Логотип -->

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

#sidebar {
	display: none;
}

[Beliu]

Firefly (10 Май 2016 - 11:49) писал:

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

<div id="catalog" class="col-main {% IF index_page %}col-md-12{% ELSE %}col-md-9{% ENDIF %}">

Замените на:

<div id="catalog" class="col-main col-md-12">

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

			 <!-- Логотип -->
			 <div class="col-xs-6 col-md-2 col-lg-2 logo-box">
				 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				 </a>
			 </div>
			 <!-- END Логотип -->

Замените на:

			 <!-- Логотип -->
			 <div class="col-xs-6 col-md-3 col-lg-2 logo-box">
				 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				 <span>ТРЦО DOFLAT</span>
				 </a>
			 </div>
			 <!-- END Логотип -->

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

#sidebar {
display: none;
}

Отлично спасибо. Только товары растянулись можно сделать чтобы по 4 товара в строке было вместо 3

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

• 

[Beliu]

Много тем с подобным но что то мне ни одна не подходит подскажите пожалуйста где реализовано подобное?

[Firefly]

Beliu (10 Май 2016 - 17:02) писал:

Много тем с подобным но что то мне ни одна не подходит подскажите пожалуйста где реализовано подобное?

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

																 <div class="col-sm-4 col-md-4 product rotation" {% FOR mods %}{% FOR v %}{% IF goods.mods.v.NAME = Блюдо %}rel="{goods.mods.v.VALUE}"{% ENDIF %}{% ENDFOR %}{% ENDFOR %}>

Замените на:

																 <div class="col-sm-4 col-md-3 product rotation" {% FOR mods %}{% FOR v %}{% IF goods.mods.v.NAME = Блюдо %}rel="{goods.mods.v.VALUE}"{% ENDIF %}{% ENDFOR %}{% ENDFOR %}>

[Beliu]

Firefly (10 Май 2016 - 17:50) писал:

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

																 <div class="col-sm-4 col-md-4 product rotation" {% FOR mods %}{% FOR v %}{% IF goods.mods.v.NAME = Блюдо %}rel="{goods.mods.v.VALUE}"{% ENDIF %}{% ENDFOR %}{% ENDFOR %}>

Замените на:

																 <div class="col-sm-4 col-md-3 product rotation" {% FOR mods %}{% FOR v %}{% IF goods.mods.v.NAME = Блюдо %}rel="{goods.mods.v.VALUE}"{% ENDIF %}{% ENDFOR %}{% ENDFOR %}>

То что нужно спасибо. Еще маленький нюанс) меню модификации когда стоит на месте отлично смотрится как надо. Но при скроле вниз оно сужается

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

• 
• 

[Firefly]

Beliu (10 Май 2016 - 18:11) писал:

То что нужно спасибо. Еще маленький нюанс) меню модификации когда стоит на месте отлично смотрится как надо. Но при скроле вниз оно сужается

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

[Beliu]

Firefly (10 Май 2016 - 18:51) писал:

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

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

А на айпаде так

т.е. верхнее меню каталога не едет а пространство за собой оставляет

И на мобильной версии тоже самое.

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

• 
• 

[Firefly]

Beliu (10 Май 2016 - 19:25) писал:

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

А на айпаде так

т.е. верхнее меню каталога не едет а пространство за собой оставляет

И на мобильной версии тоже самое.

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

.touch-device.fixed-header.hidden-top .header {margin-top: 0;position: inherit;top: 0;}

Замените на:

.touch-device.fixed-header.hidden-top .header {margin-top: 0;position: fixed;top: 0;}

[Beliu]

Firefly (10 Май 2016 - 20:33) писал:

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

.touch-device.fixed-header.hidden-top .header {margin-top: 0;position: inherit;top: 0;}

Замените на:

.touch-device.fixed-header.hidden-top .header {margin-top: 0;position: fixed;top: 0;}

Гениально! Работает! Спасибо! Но без нюансов системы никуда)

[Beliu]

Вот так выглядит на телефоне занимает больше четверти экрана за счет того что все хаотично можно это как то подправить? К примеру поиск, когда был в каталоге на него надо было нажать чтобы он раскрылся...

[Vaccina]

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

[Beliu]

Vaccina (11 Май 2016 - 02:12) писал:

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

Да чтобы раскрывался.

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

• 

[Юля123]

Beliu (11 Май 2016 - 07:57) писал:

Да чтобы раскрывался.

Здравствуйте, у Вас блок, который Вы хотите переместить не убирается, поэтому и переходит на другую строчку. Возможно лучше убрать подпись " ОТРЦ DOFLAT", она же уже есть рядом с логотипом. Тогда меню будет выглядеть так:



если Вас устраивает этот вариант, тогда в шаблоне HTML найдите и удалите код:

						  <span class="text">ОТРЦ DOFLAT</span>

[Beliu]

Юля123 (11 Май 2016 - 11:30) писал:

Здравствуйте, у Вас блок, который Вы хотите переместить не убирается, поэтому и переходит на другую строчку. Возможно лучше убрать подпись " ОТРЦ DOFLAT", она же уже есть рядом с логотипом. Тогда меню будет выглядеть так:

QIP Shot - Screen 313.png

если Вас устраивает этот вариант, тогда в шаблоне HTML найдите и удалите код:

						  <span class="text">ОТРЦ DOFLAT</span>

Точно! Так все в одну строку только почему то пропало самое верхнее меню где находится регистрация на телефоне вообще, а на айпаде под меню каталога ушло перед хлебными крошками как то так.
И второй вопрос у меня меню каталога при клике по не могу следующие позиции раскрываются в строку а не в столбец изза чего и на телефоне они раскрываются также в строку, и их не видно потому что они заходят за экран и дальнейшие подкатегории расположены хаотично. Можно это как нибудь исправить не трогая версию для пк?

[Beliu]

Вот так на айпаде это я отодвинул чтобы показать куда вернее меню упалзло

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

• 

[Юля123]

Beliu (12 Май 2016 - 00:14) писал:

Вот так на айпаде это я отодвинул чтобы показать куда вернее меню упалзло

Попробуйте в main.css удалить код:

.touch-device.fixed-header .page-box {margin-top: 0 !important;padding-top: 0 !important;-webkit-transition: none !important;transition: none !important;}
.touch-device.fixed-header .header, .touch-device.fixed-header.hidden-top.visible-top .header {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;position: static;top: inherit;-webkit-backface-visibility: inherit;-webkit-transform: inherit;}
.touch-device.fixed-header.hidden-top {-webkit-transition: all 0s linear;transition: all 0s linear;}
.touch-device.fixed-header.hidden-top #top-box {margin-top: 0;margin-bottom: 0;position: static;}
.touch-device.fixed-header.hidden-top .header {margin-top: 0;position: fixed;top: 0;}

[Beliu]

Юля123 (12 Май 2016 - 17:28) писал:

Попробуйте в main.css удалить код:

.touch-device.fixed-header .page-box {margin-top: 0 !important;padding-top: 0 !important;-webkit-transition: none !important;transition: none !important;}
.touch-device.fixed-header .header, .touch-device.fixed-header.hidden-top.visible-top .header {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;position: static;top: inherit;-webkit-backface-visibility: inherit;-webkit-transform: inherit;}
.touch-device.fixed-header.hidden-top {-webkit-transition: all 0s linear;transition: all 0s linear;}
.touch-device.fixed-header.hidden-top #top-box {margin-top: 0;margin-bottom: 0;position: static;}
.touch-device.fixed-header.hidden-top .header {margin-top: 0;position: fixed;top: 0;}

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

[Beliu]

Vaccina (11 Май 2016 - 02:12) писал:

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

можно еще сделать так чтобы поиск искал конкретно по той категории в которой он находится?

[Vaccina]

К сожалению, изменить логику работы стандартного поиска нельзя, как вариант, вместо него можно встроить пользовательский поиск от Google или Яндекс и уже в них указать необходимые возможные настройки.