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

[Антон29]

Доброго времени суток. Подскажите пожалуйста, как на уже вставленное изображение в шапке, вставить еще несколько изображений? В фотошопе накидал (скрин) добавить иконку телефона на верху и 3 категории внизу. Изображения загружены в файлы. спасибо заранее  Аккаунт SL-392490

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

• 

[Антон1212]

Еле восстановил пароль от форума. Это моя тема. Она еще актуальна как ни как) Спасибо

[Vaccina]

В шаблоне HTML найдите:

<!-- Logo -->
			<div id="logo" class="col-sm-4 col-xs-12">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
			  
		   
			  </div>
			</div>

замените на:

<div class="banners">
  <div class="col-sm-6 col-sms-6 col-smb-12"><a href="*"><img src="#" alt="" /></a></div>
  <div class="col-sm-6 col-sms-6 col-smb-12"><a href="*"><img src="#" alt="" /></a></div>
  <div class="col-sm-6 col-sms-6 col-smb-12"><a href="*"><img src="#" alt="" /></a></div> 
</div>

Вместо знака * укажите ссылку куда должно вести при клике, вместо знака # укажите ссылку на картинки категорий

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

.banners div{
text-align:center;
}

[Антон1212]

Vaccina (13 Август 2016 - 03:09) писал:

В шаблоне HTML найдите:

<!-- Logo -->
		 <div id="logo" class="col-sm-4 col-xs-12">
			 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
			 <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 </div>
		 <!-- END: Logo -->
		 <div class="header-right col-sm-8 col-xs-12">
			 <div class="header-right-inner">
			
		
			 </div>
		 </div>

замените на:

<div class="banners">
<div class="col-sm-6 col-sms-6 col-smb-12"><a href="*"><img src="#" alt="" /></a></div>
<div class="col-sm-6 col-sms-6 col-smb-12"><a href="*"><img src="#" alt="" /></a></div>
<div class="col-sm-6 col-sms-6 col-smb-12"><a href="*"><img src="#" alt="" /></a></div>
</div>

Вместо знака * укажите ссылку куда должно вести при клике, вместо знака # укажите ссылку на картинки категорий

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

.banners div{
text-align:center;
}

Вот вот почти, еще подскажите как подправить их, что бы в ряд встали.. А так, спасибо за оперативность

[Vaccina]

В блоке из инструкции выше замените все

col-sm-6

на:

col-sm-4

[Антон1212]

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

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

• 

[Firefly]

Антон1212 (13 Август 2016 - 17:31) писал:

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

Здравствуйте.
Проверьте, сейчас, пожалуйста.
Возможно, Вас устроит данный вариант.

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

• 

[Антон1212]

Firefly (13 Август 2016 - 18:11) писал:

Здравствуйте.
Проверьте, сейчас, пожалуйста.
Возможно, Вас устроит данный вариант.

Не очень симпатично получается.. Может лучше вот так? (скрин) и желательно что бы высота полосы не увеличилась.
И еще как вставить иконку телефона в то место (1 сообщение в этой теме) и напротив написать номер телефона.
Спасибо)

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

• 

[Firefly]

Антон1212 (13 Август 2016 - 18:31) писал:

Не очень симпатично получается.. Может лучше вот так? (скрин) и желательно что бы высота полосы не увеличилась.
И еще как вставить иконку телефона в то место (1 сообщение в этой теме) и напротив написать номер телефона.
Спасибо)

Здравствуйте.
Насколько видно с меню Вы уже разобрались самостоятельно, изменив его вид.
Телефон в шапку добавил.
Его можно изменить в разделе Настройки -> Основные.

[Антон1212]

Доброго дня! Направьте меня пожалуйста на путь, как на главной, слева от текста вставить вертикальное меню, по стилю схожее с главным меню на синем фоне

[Firefly]

Антон1212 (18 Август 2016 - 15:13) писал:

Доброго дня! Направьте меня пожалуйста на путь, как на главной, слева от текста вставить вертикальное меню, по стилю схожее с главным меню на синем фоне

Здравствуйте.
Уточните, пожалуйста, Вам подойдет вариант с меню, аналогичному расположенному в подвале сайта?
Или обязательно требуется вертикальное меню с овальными крупными пунктами, как горизонтальное для каталога?

[Антон1212]

Ну если есть сложности, то можно и такое как в подвале

Firefly (18 Август 2016 - 15:56) писал:

Здравствуйте.
Уточните, пожалуйста, Вам подойдет вариант с меню, аналогичному расположенному в подвале сайта?
Или обязательно требуется вертикальное меню с овальными крупными пунктами, как горизонтальное для каталога?

Ну если есть сложности, то можно и такое как в подвале

[Антон1212]

И в дополнении к предыдущему вопрос: можно ли отдельный пункт главного меню, например "аутсорсинг" допустим выделить жирным?

[Firefly]

Антон1212 (18 Август 2016 - 18:58) писал:

И в дополнении к предыдущему вопрос: можно ли отдельный пункт главного меню, например "аутсорсинг" допустим выделить жирным?

Добавил Вам блок меню в шаблоне HTML:

			<div class="index_menu" style="width:240px;float:left;">
			  <div class="block-content">
				<ul>
				  {% FOR menu %}
					{% FOR footer %}
					  {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			</div>

Чтобы изменить пункты Вам потребуется создать новое меню в разделе Сайт -> Меню и изменить идентификатор menu.footer на новый.
После того, как Вы это сделаете можно будет привязаться к конкретному пункту и сделать отдельные стили (жирность).

[Антон1212]

Firefly (18 Август 2016 - 20:01) писал:

Добавил Вам блок меню в шаблоне HTML:

		 <div class="index_menu" style="width:240px;float:left;">
			 <div class="block-content">
			 <ul>
				 {% FOR menu %}
				 {% FOR footer %}
					 {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
				 {% ENDFOR %}
				 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>

Чтобы изменить пункты Вам потребуется создать новое меню в разделе Сайт -> Меню и изменить идентификатор menu.footer на новый.
После того, как Вы это сделаете можно будет привязаться к конкретному пункту и сделать отдельные стили (жирность).

Получилось, спасибо! а ка мне со стилями поиграться? размер шрифта, цвет и т д Я понял, что в index_menu, но там с текстом связанного не нашел чего то

[Firefly]

Антон1212 (18 Август 2016 - 20:13) писал:

Получилось, спасибо! а ка мне со стилями поиграться? размер шрифта, цвет и т д Я понял, что в index_menu, но там с текстом связанного не нашел чего то

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

				 <div class="index_menu" style="width:240px;float:left;">

Замените на:

				 <div class="index_menu">

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

.index_menu {width:240px;float:left;}
.index_menu li a {font-size:12px;}

Здесь Вы уже можете изменить значение размера шрифта 12px и так же после font-size:12px; добавить другие параметры, например цвет - color:#000;

[Антон1212]

Firefly (18 Август 2016 - 20:18) писал:

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

				 <div class="index_menu" style="width:240px;float:left;">

Замените на:

				 <div class="index_menu">

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

.index_menu {width:240px;float:left;}
.index_menu li a {font-size:12px;}

Здесь Вы уже можете изменить значение размера шрифта 12px и так же после font-size:12px; добавить другие параметры, например цвет - color:#000;

Супер! Спасибо вам человеческое за помощь и оперативность

[Антон1212]

Firefly (18 Август 2016 - 20:18) писал:

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

				 <div class="index_menu" style="width:240px;float:left;">

Замените на:

				 <div class="index_menu">

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

.index_menu {width:240px;float:left;}
.index_menu li a {font-size:12px;}

Здесь Вы уже можете изменить значение размера шрифта 12px и так же после font-size:12px; добавить другие параметры, например цвет - color:#000;

Firefly (18 Август 2016 - 20:18) писал:

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

				 <div class="index_menu" style="width:240px;float:left;">

Замените на:

				 <div class="index_menu">

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

.index_menu {width:240px;float:left;}
.index_menu li a {font-size:12px;}

Здесь Вы уже можете изменить значение размера шрифта 12px и так же после font-size:12px; добавить другие параметры, например цвет - color:#000;

И последний на сегодня вопрос, как полностью убрать моб. версию?

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

• 

[Firefly]

Антон1212 (18 Август 2016 - 20:28) писал:

И последний на сегодня вопрос, как полностью убрать моб. версию?

Отключил Вам мобильную версию. Сейчас сайт будет масштабироваться в полном виде под экран устройства.

[Антон1212]

Firefly (18 Август 2016 - 20:46) писал:

Отключил Вам мобильную версию. Сейчас сайт будет масштабироваться в полном виде под экран устройства.

Не совсем получилось по масштабу и расположение картинок и меню как в мобильной осталось. А нужно полностью все мобильное убрать