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


Изменение Главной И Не Только


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

#1 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 01 Декабрь 2013 - 09:04

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

Аккаунт SL-185044
Поиск юзал, даже некоторые вещи изменял, но не всё получалось.
В общем вот вопросы :)

1. Изменить размер слайдера. Сейчас у меня изменён размер самой картинки, а как изменить слайдер, что бы он тоже был такого ж размера как и картинка ?
2. Строку поиска выдвинуть наверх на чёрный фон в правый угол.
3. Что и где прописать что б добавить новые пункт меню на главную ? Само меню уже создано.
4. Как добавить вниз под каталог новые блоки, например отзывы, новости, группа ВК и тд.
на скрине 1 все изменения видны

5. Как добавить ещё пару блоков или картинок справа от слайдера ?
6. Контактную информацию вывести по центру, между логотипом и корзиной.
7. Возможно ли сверху слева вывести что-нибудь подобное как на скриншоте ? Например возможность выбора города.
8.  Верхнее меню сделать ниже логотипа и во всю длину страницы (до полей) и что бы оно было над средним меню.
на скрине 2 все видно

Заранее спасибо. Буду ещё сам пробовать изменить что-либо, по мере изменения буду дописывать всё сюда.

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

  • 111.png
  • 112.png


#2 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 03 Декабрь 2013 - 19:57

ап
кстати вопрос ещё (на скрине отмечено)
1. как немного увеличить изображение на главной, но не пропорционально,а именно высоту картинок сделать больше
2. сделать отступ между "блоками" в 2 раза меньше чем есть сейчас

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

  • 113.png


#3 Vaccina

Vaccina

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

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

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

1. В шаблоне style.css найдите:
.flexslider {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 4px solid #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin: 0 0 30px;
	position: relative;
}
замените на:
.flexslider {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 4px solid #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin: 0 auto 30px;
	position: relative;
	text-align: left;
	width: 555px;
}

2.style.css найдите:
#search_block_top {
	float: right;
	margin: 26px 10px 0 0;
	position: static;
}
замените на:
#search_block_top {
	float: right;
	margin: 26px 10px 0 0;
	position: static;
}
3. В шаблоне HTML найдите:
<!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}
	   
		{% IFNOT menu_empty %}
		  <ul class="accordion_main">
			<li class="parent">Меню
			  <ul class="accordion">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
					  </li>
				  {% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</li>
		  </ul>
		{% ENDIF %}
		<!-- END Блок навигации -->
после него продублируйте этот же код и замените все header на header2(имя переменной созданного меню)
4. В шаблоне HTML найдите:
<!-- Каталог товаров -- >
			<div class="conta">
			  <a class="toggleMenu" href="#">Каталог</a>
			  {%IFNOT catalog_full_empty%}
				{%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
				  <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
					<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
				  {% 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%}
			</div>
			<!-- /Каталог товаров -->
		  </div>
		</div>
после него вставляйте необходимые блоки
5.В HTML найдите:
{% IF index_page %} 
	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		  <li><a href="#"><img src="http://st.amazingbags.ru/1/864/197/sale.jpg"></a></li>
		<li><a href="#"><img src="http://st.amazingbags.ru/2/864/192/vs.jpg"></a></li>
		</ul>
	 </div>
после него вставьте необходимые блоки, и необходимо будет прописать стили, слайдеру float:left; а блокам новым float:right;
6.В шаблоне HTML после:
<div id="header-logo">
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
			{SETTINGS_STORE_NAME}
	 </a>
	</div>
		<div id="header-right">
попробуйте вставить следующее:
<!-- Контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						 <div class="contacts">
						 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
								 <!-- Первый контактный телефон -->
								 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
								 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
								 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
								 {SETTINGS_STORE_PHONE_NUMBER1}
								 {% ENDIF %}
								 <!-- Второй контактный телефон -->
								 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
								 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
								 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
								 {SETTINGS_STORE_PHONE_NUMBER2}
								 {% ENDIF %}
								 <!-- Третий контактный телефон -->
								 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
								 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
								 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
								 {SETTINGS_STORE_PHONE_NUMBER3}
								 {% ENDIF %}
								 <!-- Третий контактный телефон -->
								 {% IF SETTINGS_STORE_SKYPE %}
								 <br /><a style="text-decoration: none;" class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
								 {% ENDIF %}
						 </div>
						 <!-- Время работы магазина -->
						 {% IF SETTINGS_STORE_WORK_TIME %}
								 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
								 {SETTINGS_STORE_WORK_TIME}
								 </div>
						 {% ENDIF %}
						 <!-- Номер ICQ на сайте -->
						 {% IF SETTINGS_STORE_ICQ %}
								 <div class="clear"></div>
								 <div class="icq-number left">
								 <img class="valignMiddle" src="http://st.storeland.net/2/865/084/favicon_1_.ico" alt="Статус" width="16" height="16" />
								 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
								 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
						 </div>
				 {% ENDIF %}
7.Вывести можно, но не выбор города - он работать не будет.
8.В шаблоне style.css найдите:
#megamenu {
	height: 54px;
	left: 238px;
	position: absolute;
	top: 90px;
}

#header {


	clear: both;
	position: relative;
}
замените на:
#megamenu {
	height: 54px;
	left: 0;
	position: absolute;
	top: 200px;
	width: 100%;
}
#header {
	clear: both;
	height: 260px;
	position: relative;
}

Просмотр сообщенияAlex_amazingbags (03 Декабрь 2013 - 19:57) писал:

ап кстати вопрос ещё (на скрине отмечено) 1. как немного увеличить изображение на главной, но не пропорционально,а именно высоту картинок сделать больше 2. сделать отступ между "блоками" в 2 раза меньше чем есть сейчас
1. В style.css найдите:
.autumnshowcase_block .image_link {
	height: 210px !important;
}
замените на:
.autumnshowcase_block .image_link {
	height: 260px !important;
}

2.В style.css найдите:
.autumnshowcase_block li {
	height: 500px;
	margin: 0;
	padding: 0 30px 0 0;
	position: relative;
	text-align: center;
	width: 210px;
}
уменьшите значение height

#4 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 04 Декабрь 2013 - 20:48

Спасибо, но не всё получилось как надо.
1. ок
2. В пункте 2 вероятно ошибка, так как теги одинаковые.
3. Меню header2 добавилось, вот только оно наложено на верхнее меню. Надо что бы оно было под ним. И заодно подскажите, как мне меню header2 вывести не просто текстом, а картинка+текст, или хотяб просто картинка, с ссылкой на нужную страницу
4-5. Какие именно блоки прописать ? дайте хотябы пример.
6. Не то. Если прописать описанный код, то контакт выводятся в самый верх, и получаетс вообще некрасиво. Вообщем, лучше тогда подскажите как добавить по центру картинку.
7. А что именно можно вывести ?
8. Меню опустилось, но оно сдвоенное как описано выше. Нужно что бы сверху было header, под ни header2. И ещё подскажите, как сделать так что бы меню header было более растянуто от левого края до правого и увеличить текст, цвет, шрифт и тд.

Скрин приложен

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

  • 114.png


#5 Vaccina

Vaccina

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

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

Отправлено 05 Декабрь 2013 - 03:55

2.style.css найдите:
#search_block_top {
float: right;
margin: 26px 10px 0 0;
position: static;
}
замените на:





#search_block_top {


	float: right;
	margin: -30px -175px 0 0;
	position: static;
}
3. Для начала необходимо его выровнять. В продублированном меню найдите:

<ul id="megamenu">
						{% FOR menu %}
						  {% FOR header2 %}
замените на:
<ul id="megamenu megamenu2">
						{% FOR menu %}
						  {% FOR header %}
далее в style.css в самом низу добавьте:
#megamenu 2{
	top: 230px;
}
4. В зависимости какие вам необходимы. Пример вставки новостей:
	  
		<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
	   <div class="block">
	   <h4>Новости</h4>
	   <a class="open-close-footer" href="#"></a>
	   <div class="block_content">
		<ul class="bullet">
				{% FOR news_list_shop %}
				  <li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
				{% ENDFOR %}
		</ul>
	   </div>
	  </div>
		{% ENDIF %}
		<!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
5. Пример вставки картинки:
<img src="ссылка на картинку" alt="" style="float:right;"/>
6.после:

<div id="header-logo">
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
			{SETTINGS_STORE_NAME}
	 </a>
	</div>
вставьте:
<div id="header-logo">
<a href="ссылка">
  <img class="logo" src="ссылка на кратинку" alt="" />
	 </a>
	</div>
7.Текст и прочую инфу, я не могу знать точно ваши пожелания.
8. В стилях найдите:
#megamenu li .root_link {
	color: #666666;
	font-family: Georgia,Utopia,"PT Sans","Oxygen",sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}
измените шрифтовые стили

#6 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 05 Декабрь 2013 - 12:16

Спасибо за ответ 8)
2. ок
3. сделал, вот только теперь среднее меню вообще куда-то уехало и не отображается.
4. понял, спс.
5. попробую вечером сделать. А стили прописать нужно где именно ? и можно например сделать блоки "Акция" с отчётом окончания акции ?
6. вечером попробую
7. Прочую инфу это что ? Можно вывести активную ссылку ? если да то как ?
8. +

Вообщем пока что остался только вопрос №3, по среднему меню.

Цитата

И заодно подскажите, как мне меню header2 вывести не просто текстом, а картинка+текст, или хотяб просто картинка, с ссылкой на нужную страницу
И кстати как пункт "Вход в ЛК" убрать из верхнего меню и поставить под Корзину ?

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

  • Интернет-магазин сумок и аксессуаров -Amazing Bags-.png


#7 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияAlex_amazingbags (05 Декабрь 2013 - 12:16) писал:

Спасибо за ответ 8)
2. ок
3. сделал, вот только теперь среднее меню вообще куда-то уехало и не отображается.
4. понял, спс.
5. попробую вечером сделать. А стили прописать нужно где именно ? и можно например сделать блоки "Акция" с отчётом окончания акции ?
6. вечером попробую
7. Прочую инфу это что ? Можно вывести активную ссылку ? если да то как ?
8. +

Вообщем пока что остался только вопрос №3, по среднему меню.

И кстати как пункт "Вход в ЛК" убрать из верхнего меню и поставить под Корзину ?

Создаем новый блок меню  Сайт - Меню
Название любое
Имя переменной menu2
Далее добавляем новые пункты меню (Вход, Выход, Регистрация) (приложение 1)

После создания нового блока меню, мы переходим в редактор шаблонов HTML после 143 строки добавляем
<!-- Блок навигации -->
{% IFNOT menu_empty %}
<ul id="menu2">
{% FOR menu %}
{% FOR megamenu2 %}
{% FOR links %}
<li class="root_menu {% IF menu.megamenu2.links.SELECTED %}active{% ENDIF %}" >
<a href="{menu.megamenu2.links.URL}" class="root_link" {% IF menu.megamenu2.links.TITLE %}title="{menu.megamenu2.links.TITLE}"{% ENDIF %} >{menu.megamenu2.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
{% ENDIF %}


Далее переходим к настройке стилей style.css
Добавляем данный после 200 строки
#menu2 {height: 54px;position: relative;top: 20px;float: right;}
#menu2:after{display:block;content:"";clear:both}
#menu2 li.root_menu{padding:20px 10px 5px 20px;float:left;position:relative;}
#menu2 li .root_link{color:#666666;text-transform:uppercase;font-size:12px; text-decoration: none; font-family: Arial Black;}
#menu2 li .root_link:hover,
#menu2 li.active .root_link {color:#da3b44}


#8 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 05 Декабрь 2013 - 20:19

Сделал как Вы описали, но ничего не изменилось.

#9 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Декабрь 2013 - 20:23

Просмотр сообщенияAlex_amazingbags (05 Декабрь 2013 - 20:19) писал:

Сделал как Вы описали, но ничего не изменилось.

Вы не выполнили эту часть

Цитата

Создаем новый блок меню  Сайт - Меню
Название любое
Имя переменной menu2
Далее добавляем новые пункты меню (Вход, Выход, Регистрация) (приложение 1)

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

  • pic9.jpg


#10 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 05 Декабрь 2013 - 21:19

Теперь выполнил, но всё равно ничего не изменилось.

#11 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Декабрь 2013 - 21:33

Просмотр сообщенияAlex_amazingbags (05 Декабрь 2013 - 21:19) писал:

Теперь выполнил, но всё равно ничего не изменилось.

Простите, ошибся, переименуйте переменную menu2 в megamenu2

#12 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 05 Декабрь 2013 - 22:18

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

Так же подскажите, как переместить надпись "название интернет-магазина" из под логотипа - что бы он был справа от логотипа как на скрине.

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

  • 115.png


#13 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Декабрь 2013 - 22:31

Просмотр сообщенияAlex_amazingbags (05 Декабрь 2013 - 22:18) писал:

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

Так же подскажите, как переместить надпись "название интернет-магазина" из под логотипа - что бы он был справа от логотипа как на скрине.

Редактируем style.css

Обновляем следующие строки
#menu2 {height: 54px;position: relative;top: 160px;right: -350px;float: right;}
#menu2:after{display:block;content:"";clear:both}
#menu2 li.root_menu{padding:20px 10px 5px 20px;float:left;position:relative;}
#menu2 li .root_link{color:#666666;text-transform:uppercase;font-size:12px; text-decoration: none; font-family: Arial Black;}
#menu2 li .root_link:hover,
#menu2 li.active .root_link {color:#da3b44}

#megamenu {
height: 54px;
left: 0;
position: absolute;
top: 250px;
width: 100%;
}

#header {
clear: both;
height: 300px;
position: relative;
}


#14 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 04 Февраль 2014 - 21:16

Привет. Аккаунт SL-185044
1. Подскажите как изменить фон сайта на полностью белый. Сейчас вроде стоит бэкграунд fff - то есть белый. Но если например смотреть на сайт даже под небольшим углом, то видно что изображение по центру с белым фоном, как и меню слева, а вот фон самой страницы серый.
2. Как вставить изображение справа от слайдера ?
3. У меня буквально вчера было меню 2 (пункт Вход) в одной линии с меню 1, и располагалось по корзиной. Сейчас его нету. Как вернуть?

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

  • Screenshot_15.png


#15 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 05 Февраль 2014 - 09:21

Просмотр сообщенияAlex_amazingbags (04 Февраль 2014 - 21:16) писал:

Привет. Аккаунт SL-185044
1. Подскажите как изменить фон сайта на полностью белый. Сейчас вроде стоит бэкграунд fff - то есть белый. Но если например смотреть на сайт даже под небольшим углом, то видно что изображение по центру с белым фоном, как и меню слева, а вот фон самой страницы серый.
2. Как вставить изображение справа от слайдера ?
3. У меня буквально вчера было меню 2 (пункт Вход) в одной линии с меню 1, и располагалось по корзиной. Сейчас его нету. Как вернуть?
Добрый день
1) Делаем изменения в main.css
Заменяем:
#header-fluid {
position: relative;
background: #FAFAFA url('http://design.amazingbags.ru/header-top-bg.png') repeat-x 0 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}
на
#header-fluid {
position: relative;
background: white url('http://design.amazingbags.ru/header-top-bg.png') repeat-x 0 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}
2) B html шаблон после кода:
	   
		{% IF index_page %} 
	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		  <li><a href="#"><img src="http://st.storeland.net/1/968/764/logo_vs.jpg"></a></li>
		  <li><a href="http://amazingbags.ru/catalog/underwear"><img src="http://st.storeland.net/1/968/763/body.jpg"></a></li>
		<li><a href="#"><img src="http://st.storeland.net/1/968/762/ac199661c068f520.jpg"></a></li>
		</ul>
	 </div>
	{% ENDIF %}
добавляем:
<div class="banner">
	   <a href="ССЫЛКА НА СТРАНИЦУ, НА КОТОРУЮ БУДЕТ ССЫЛАТЬСЯ" title="Перейти ......... ">
<img src="{ASSETS_IMAGES_PATH}1.jpg" style="
width: 250px;
height: 400px;
">
</a>
</div>
Вместо 1.jpg - название загруженного изображения
B main.css добавляем:
.banner {
float: right;
margin-top: -435px;
}

3)
В style.css заменяем:
#menu2 {
height: 54px;
position: relative;
top: 220px;
right: -350px;
float: right;
}
на
#menu2 {
height: 54px;
position: relative;
top: 80px;
right: -300px;
float: right;


#16 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 06 Февраль 2014 - 23:24

Спасибо.
Только теперь ещё 2 вопроса :
1. После установки баннера в любом разделе сайта он отображается справа вверху, этого быть не должно. баннер должен быть только на главной странице.
2. Как в верхнюю полосу вывести просто какой нибудь текст белыми буквами ?

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

  • Screenshot_1.png


#17 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 07 Февраль 2014 - 00:06

Просмотр сообщенияAlex_amazingbags (06 Февраль 2014 - 23:24) писал:

Спасибо.
Только теперь ещё 2 вопроса :
1. После установки баннера в любом разделе сайта он отображается справа вверху, этого быть не должно. баннер должен быть только на главной странице.
2. Как в верхнюю полосу вывести просто какой нибудь текст белыми буквами ?

Здравствуйте, внесите пожалуйста изменения, чтобы мы могли помочь вам исправить недочеты

Оберните баннер в условие
{% IF index_page %}
код баннера
{% ENDIF %}

Белая полоска в верху сайта
Редактируем HTML
Добавляем данный код перед <div id="header-right">
<div id="header-left">
<div id="textblock">
<p>Text Text Text</p>
</div>
<div class="clear"></div>
</div>

Добавляем стили для блока
#header-left {
float: left;
height: 20px;
position: absolute;
z-index: 80;
padding: 2px;
margin: 3px;
background-color: #fff;
}


#18 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 08 Февраль 2014 - 14:02

Спасибо.
1. Как убрать рамку блока вообще ? То есть должно быть так : на верхней чёрной полосе должно быть написано белыми буквами текст, а не прямоугольный блок с надписью внутри.
2. Как залить цветом блок "Каталог", но не весь блок, а только прямоугольник, в котором написано каталог. Так же надо саму надпись "каталог" сделать жирным цветом.
3. megamenu2 всё равно не отображается как ранее ( на одном уровне с верхним меню, но под корзиной, как ранее было)
4. Немного уменьшить размер блока Новости (не всего блока, а именно прямоугольника с надписью "Новости"), а так же залить внутри нужным цветом.
5. Блок просмотренных товаров обрамить в прямоугольник (как "новости") и так же залить цветом. Так же подскажите как сделать отступ между например блоком новости и недавно просмотренные товары по больше. Сейчас они идут прямо друг под другом, а между ними должно быть расстояние например в сантиметр.

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

  • Screenshot_2.png
  • Screenshot_3.jpg


#19 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 08 Февраль 2014 - 14:27

Просмотр сообщенияAlex_amazingbags (08 Февраль 2014 - 14:02) писал:

Спасибо.
1. Как убрать рамку блока вообще ? То есть должно быть так : на верхней чёрной полосе должно быть написано белыми буквами текст, а не прямоугольный блок с надписью внутри.
2. Как залить цветом блок "Каталог", но не весь блок, а только прямоугольник, в котором написано каталог. Так же надо саму надпись "каталог" сделать жирным цветом.
3. megamenu2 всё равно не отображается как ранее ( на одном уровне с верхним меню, но под корзиной, как ранее было)
4. Немного уменьшить размер блока Новости (не всего блока, а именно прямоугольника с надписью "Новости"), а так же залить внутри нужным цветом.
5. Блок просмотренных товаров обрамить в прямоугольник (как "новости") и так же залить цветом. Так же подскажите как сделать отступ между например блоком новости и недавно просмотренные товары по больше. Сейчас они идут прямо друг под другом, а между ними должно быть расстояние например в сантиметр.

1. Редактируем style.css
Находим
#header-left {
float: left;
height: 20px;
position: absolute;
z-index: 80;
padding: 2px;
margin: 3px;
background-color: #fff;
}

Заменяем на
#header-left {
float: left;
height: 20px;
position: absolute;
z-index: 80;
padding: 2px;
margin: 3px;
color: #fff;
}

2. Находим
.block2 .block-title {
padding: 6px 18px;
color: #40383b;
text-transform: uppercase;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}

background: #fff; цвет фона кнопки
font-weight: 700;  добавьте данный параметр в этот блок, чтобы сделать шрифт жирным.

4. Редактируем HTML
Находим
				{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
		   <div class="block">
		   <h4>Новости</h4>
		   <a class="open-close-footer" href="#"></a>
		   <div class="block_content">
				<ul class="bullet">
								{% FOR news_list_shop %}
								  <li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
								{% ENDFOR %}
				</ul>
		   </div>
		  </div>
				{% ENDIF %}

Заменяем на
				{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
		   <div class="block2">
		   <div class="block-title">
			<strong><span>Новости</span></strong>
		  </div>
		   <div class="block-content">
				<ul class="bullet">
								{% FOR news_list_shop %}
								  <li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
								{% ENDFOR %}
				</ul>
		   </div>
		  </div>
				{% ENDIF %}

5. Находим
		{% IFNOT recently_viewed_goods_empty %}
		  <div id="recently_viewed">
			<h4 class="title_block">Недавно просмотренные товары</h4>
			<div class="block_content">
			  <ul class="product_images">
				{% FOR recently_viewed_goods %}
				{% IF recently_viewed_goods.index>5 %}{break}{% ENDIF %}
				  <li class="item clearfix">
					{% IF user_agent_ie7 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSEIF user_agent_ie8 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSE %}			 
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ENDIF %}
					<p><a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a><br />
					  <span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br />
					  <span class="old-price">
						{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
						  {recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
						{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
						  {recently_viewed_goods.MIN_PRICE_OLD | money_format}
						{% ENDIF %}
					  </span>
					</p>
				  </li>
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		{% ENDIF %}

Заменяем на
		{% IFNOT recently_viewed_goods_empty %}
		  <div id="recently_viewed">
			<div class="block-title">
			<strong><span>Недавно просмотренные товары</span></strong>
		  </div>
			<div class="block_content">
			  <ul class="product_images">
				{% FOR recently_viewed_goods %}
				{% IF recently_viewed_goods.index>5 %}{break}{% ENDIF %}
				  <li class="item clearfix">
					{% IF user_agent_ie7 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSEIF user_agent_ie8 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSE %}			 
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ENDIF %}
					<p><a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a><br />
					  <span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br />
					  <span class="old-price">
						{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
						  {recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
						{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
						  {recently_viewed_goods.MIN_PRICE_OLD | money_format}
						{% ENDIF %}
					  </span>
					</p>
				  </li>
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		{% ENDIF %}

3. Опишите по подробнее вашу проблему, как именно ранее отображалось данное меню и при каких обстоятельствах оно изменилось?

После внесения всех изменений возможно потребуется корректировка стилей, вам потребуется описать что именно не так смотрится для вас на скриншоте

#20 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 08 Февраль 2014 - 18:38

1,2 - помогло, спасибо.
3. у меня есть меню megamenu2, которое ране отображалось в одной линии с меню header, но было под корзиной (в правой части тобишь) оно и сейчас где-то есть, но не отображается вообще где надо. мне бы хотя бы его вернуть на экран, а дальше я сам подставлю по месту, где оно должно быть.
4 - тоже помогло, только надо изменить цвет фона внутри блока с надписью "новости". робовал добавить в style.css background:#E4144F в разделе новостей, но ничего не изменилось.
5. Не помогло.

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

  • Screenshot_4.png





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

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