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

[siriuskony]

Добрый день.
Прошу помочь внести изменения как на картинках.

1. Изменить шапку сайта как указано на картинке

2. Изменить меню (над слайдером) :

- кнопка "Акции" должна выводить на одноименную товарную группу
- кнопка "Бестселлеры" должна выводить на группу "Хиты продаж"
- кнопка "Подарки" должна вести на отдельную страницу с текстом и фото
- кнопка "Каталог" ведет к каталогу продукции, тут все понятно

3. Изменить информацию в подвале сайта как указано на картинке

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

• 
• 

[siriuskony]

Прием прием! И мне и мне тоже ответьте, пожалуйста!

[Danil]

siriuskony (26 Апрель 2016 - 16:53) писал:

Прием прием! И мне и мне тоже ответьте, пожалуйста!

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

			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}

Все операции по перестановке, созданию и удалению пунктов меню, Вы можете произвести самостоятельно в разделе Сайт - Меню.
2) В шаблоне html найдите код

			 <!-- 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 -->

и замените на

			 <!-- BEGIN: Main Navigation -->
			 <div id="mainnav" class="col-md-10">
			 <div id="custommenu">
				 <ul class="mainnav">
					 <li class="level0"><a href="ССЫЛКА НА СТРАИЦУ">НАЗВАНИЕ ПУНКТА МЕНЮ</a></li>
					 <li class="level0"><a href="ССЫЛКА НА СТРАИЦУ">НАЗВАНИЕ ПУНКТА МЕНЮ</a></li>
					 <li class="level0"><a href="ПО АНАЛОГИИ С ПРЕДЫДУЩИМИ">ПО АНАЛОГИИ С ПРЕДЫДУЩИМИ</a></li>
				 </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>
					 <li class="level0"><a href="ССЫЛКА НА СТРАИЦУ">НАЗВАНИЕ ПУНКТА МЕНЮ</a></li>
					 <li class="level0"><a href="ССЫЛКА НА СТРАИЦУ">НАЗВАНИЕ ПУНКТА МЕНЮ</a></li>
					 <li class="level0"><a href="ПО АНАЛОГИИ С ПРЕДЫДУЩИМИ">ПО АНАЛОГИИ С ПРЕДЫДУЩИМИ</a></li>
				 </ul>
				 </div>
			 </div>
			 </div>
			 <!-- END: Main Navigation -->

в коде замените текст "НАЗВАНИЕ ПУНКТА МЕНЮ" и "ССЫЛКА НА СТРАНИЦУ" на соответствующие элементы.

[siriuskony]

Спасибо, буду пробовать. По п.3 (изменение информации в подвале сайта) Вы не ответили.

[Danil]

siriuskony (26 Апрель 2016 - 19:08) писал:

Спасибо, буду пробовать. По п.3 (изменение информации в подвале сайта) Вы не ответили.

На данный вопрос я Вам ответил, он относится к разделу Сайт - Меню.

[siriuskony]

Danil (26 Апрель 2016 - 19:20) писал:

На данный вопрос я Вам ответил, он относится к разделу Сайт - Меню.

Спасибо, разобралась

1. После внесения изменений, не могу найти ссылку на страницу с Акциями, что бы вставить в HTML. Саму акцию в админке создала. Помогите, как ссылку найти?

И еще вопрос возник:

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

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

• 
• 

[Danil]

siriuskony (26 Апрель 2016 - 19:58) писал:

Спасибо, разобралась

1. После внесения изменений, не могу найти ссылку на страницу с Акциями, что бы вставить в HTML. Саму акцию в админке создала. Помогите, как ссылку найти?

И еще вопрос возник:

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

1) Ссылка на страницу с акциями: http://Ваш домен/discount
2) В шаблоне Товары найдите и удалите код(встречается 2 раза)

		  <div class="cat-img">
			<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image">
			  <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=azure{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			</a>
		  </div>

[siriuskony]

И еще.
3. Как удалить значок телефона (трубку) в верхнем левом углу и укрупнить сам номер?

[Danil]

siriuskony (26 Апрель 2016 - 20:17) писал:

И еще.
3. Как удалить значок телефона (трубку) в верхнем левом углу и укрупнить сам номер?

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

#header-top .topheader-left ul.contact-us-now li.c-phone {
	font-size: 15px;
	background: none;
}

[siriuskony]

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

И еще вопрос по иконкам соцсетей.
В шапке не могу добавить значок Инстаграмма. Подглядела в соседней теме код <li><a href="#" class="fa fa-inst"></a></li>, вставляю его в HTML
и бестолку, значок остается пустым. Что я делаю не так?

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

• 

[Vaccina]

Добавьте в main.css:

.categories.row {
	width: 100%;
}

На счет значка, строку

<li><a href="#" class="fa fa-inst"></a></li>

замените на:

<li><a href="#" class="fa fa-instagram"></a></li>

[siriuskony]

Vaccina (27 Апрель 2016 - 02:47) писал:

Добавьте в main.css:

.categories.row {
width: 100%;
}

На счет значка, строку

<li><a href="#" class="fa fa-inst"></a></li>

замените на:

<li><a href="#" class="fa fa-instagram"></a></li>

Все получилось, спасибо.
Обнаружила что в мобильной версии некорректно отображаются пункты меню, то есть там просто нет названий пунктов. Картинка в аттаче.

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

• 

[siriuskony]

Вдогонку. Как сделать так, что бы иконки Одноклассники и Инстраграмм подсвечивались при наведении на них курсора?
Фейсбук и Контакт реагируют на наведение, а эти два нет.

[Юля123]

siriuskony (27 Апрель 2016 - 15:44) писал:

Все получилось, спасибо.
Обнаружила что в мобильной версии некорректно отображаются пункты меню, то есть там просто нет названий пунктов. Картинка в аттаче.

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

										 <li class="level0"><a href="ССЫЛКА НА СТРАИЦУ">НАЗВАНИЕ ПУНКТА МЕНЮ</a></li>
										 <li class="level0"><a href="ССЫЛКА НА СТРАИЦУ">НАЗВАНИЕ ПУНКТА МЕНЮ</a></li>
										 <li class="level0"><a href="ПО АНАЛОГИИ С ПРЕДЫДУЩИМИ">ПО АНАЛОГИИ С ПРЕДЫДУЩИМИ</a></li>

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

										 <li class="level0"><a href="http://{NET_DOMAIN}/catalog">Каталог</a></li>
										 <li class="level0"><a href="http://{NET_DOMAIN}/discount">Акции</a></li>
										 <li class="level0"><a href="http://{NET_DOMAIN}/catalog/%D0%A5%D0%B8%D1%82%D1%8B-%D0%BF%D1%80%D0%BE%D0%B4%D0%B0%D0%B6">Хиты продаж</a></li>
										 <li class="level0"><a href=" http://{NET_DOMAIN}/page/Podarki">Подарки</a></li>
										 <li class="level0"><a href="http://{NET_DOMAIN}/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0">Доставка и оплата</a></li>

в конце main.css добавьте код:

#header .header-right .header-right-inner .connect-us li a.fa-odnoklassniki:hover {
	border-color: #3197f7;
	color: #3197f7;
}
#header .header-right .header-right-inner .connect-us li a.fa-instagram:hover {
	border-color: #3197f7;
	color: #3197f7;
}

код цвета можете заменить на свои.

[siriuskony]

Спасибо, получилось.
Еще вопрос по мобильной версии.
В горизонтальной ориентации телефона иконки соцсетей отображаются корректно, по центру.
В вертикальной - уезжают влево. Как их выставить по центру?

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

• 
• 

[Юля123]

siriuskony (27 Апрель 2016 - 16:56) писал:

Спасибо, получилось.
Еще вопрос по мобильной версии.
В горизонтальной ориентации телефона иконки соцсетей отображаются корректно, по центру.
В вертикальной - уезжают влево. Как их выставить по центру?

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

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

добавить  код:

#footer .link-follow {
	left: 54%;
}

[siriuskony]

Юля123 (27 Апрель 2016 - 17:28) писал:

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

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

добавить  код:

#footer .link-follow {
left: 54%;
}

Не помогло. И в целом все изображение на странице (в вертикальной ориентации) теперь поехало...
Телефон в верхнем левом углу уже не влезает в одну строку, картинки с товарами сузились, информация в подвале сайта стала накладываться друг на друга.

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

• 
• 
• 

[Юля123]

siriuskony (28 Апрель 2016 - 12:10) писал:

Не помогло. И в целом все изображение на странице (в вертикальной ориентации) теперь поехало...
Телефон в верхнем левом углу уже не влезает в одну строку, картинки с товарами сузились, информация в подвале сайта стала накладываться друг на друга.

Произвела Вам изменения, немножко неправильно ставили код, из-за этого поехала верстка мобильной версии.

[siriuskony]

Юля123 (28 Апрель 2016 - 12:17) писал:

Произвела Вам изменения, немножко неправильно ставили код, из-за этого поехала верстка мобильной версии.

Спасибо!
Теперь справа скраю какая-то пустота во всю страницу, особенно заметно там, где слайдер. Картинку прилагаю.
Опять же, такой вид только в вертикальной ориентации, в горизонтали все хорошо.

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

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

• 

Сообщение отредактировал siriuskony: 28 Апрель 2016 - 12:32

[Юля123]

siriuskony (28 Апрель 2016 - 12:31) писал:

Спасибо!
Теперь справа скраю какая-то пустота во всю страницу, особенно заметно там, где слайдер. Картинку прилагаю.
Опять же, такой вид только в вертикальной ориентации, в горизонтали все хорошо.

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

Попробуйте тогда код:

  #footer .link-follow {
left: 60%;
}

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

  #footer .link-follow {
margin: 0 0 0 -113px;
}