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


Созданиие Правой Колонки.лайт

Автор мистка, 23 мая 2013 08:00

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

#21 miyako

miyako

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

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

Отправлено 26 Май 2013 - 12:18

Просмотр сообщениямистка (26 Май 2013 - 11:29) писал:

Taisia



Проделала .жду вашего мнения

Добавьте в конец файла main.css код:
.right li {display: block;}
.right li a{color: #009999;}
.right li a {
display: block;
line-height: 20px;
padding-left: 15px;
background: url('{ASSETS_IMAGES_PATH}catalogMenuMarker.gif') 5px center no-repeat;
}

В коде шаблона HTML:
<div class="right">
						  <div class="menuright">
						  <ul>
								{% FOR menu %}
								  {% FOR right %}
										{% FOR links %}
										<li>
										  <a href="{menu.right.links.URL}" {% IF menu.right.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.right.links.TITLE %}title="{menu.right.links.TITLE}"{% ENDIF %}>{menu.right.links.NAME}</a> {% IF menu.right.links.rindex>1 %}|{% ENDIF %}
										</li>
										{% ENDFOR %}
								  {% ENDFOR %}
								{% ENDFOR %}
								</ul>
						  </div>
нужно убрать условие:
{% IF menu.right.links.rindex>1 %}|{% ENDIF %}

Также код:
<a href="{menu.right.links.URL}" {% IF menu.right.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.right.links.TITLE %}title="{menu.right.links.TITLE}"{% ENDIF %}>{menu.right.links.NAME}</a>
заменить на:
<a style="font-weight:bold;" href="{menu.right.links.URL}" {% IF menu.right.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.right.links.TITLE %}title="{menu.right.links.TITLE}"{% ENDIF %}>{menu.right.links.NAME}</a>

#22 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 26 Май 2013 - 12:45

Спасибо! спасибо! спасибо!)))))))))))))) :D :D :D :D
а размер меню я могу подровнять тут?

.valignTop {
vertical-align: top !important;
width:800px;
}
просто я как только не меняла это значение но в карточке меню убегает

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

  • Безыбб.png

#23 miyako

miyako

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

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

Отправлено 26 Май 2013 - 12:50

Просмотр сообщениямистка (26 Май 2013 - 12:45) писал:

Спасибо! спасибо! спасибо!)))))))))))))) :D :D :D :D
а размер меню я могу подровнять тут?

.valignTop {
vertical-align: top !important;
width:800px;
}

Не совсем понятно по поводу размера меню. Что вы хотите поменять - шрифт, ширину меню,..?

#24 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 26 Май 2013 - 12:52

я вот выше добавила скрин  когда открываю товар меню уезжает в право .
может возможно задать фиксированые размеры для правого каталога товаров  левого меню и центральной части ?

#25 miyako

miyako

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

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

Отправлено 26 Май 2013 - 13:37

Просмотр сообщениямистка (26 Май 2013 - 12:52) писал:

я вот выше добавила скрин  когда открываю товар меню уезжает в право .
может возможно задать фиксированые размеры для правого каталога товаров  левого меню и центральной части ?

Найдите код:
.valignTop {
vertical-align: top !important;
width: 0px;
}
и замените на:
.valignTop {
vertical-align: top !important;
width: 1112px;
}

#26 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 26 Май 2013 - 13:41

дА Я УЖЕ ЗАДАВАЛА ПОДОБНОЕ ЗНАЧЕНИЕ(И СЕЙЧАС УСТАНОВИЛА ) НЕ МЕНЯЕТСЯ НИЧЕГО

#27 Taisia

Taisia

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

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

Отправлено 26 Май 2013 - 18:20

меню выезжает потому что нарушена структура страницы. в файле товар вы производили изменения которые повлияли на всю структуру таблицы.
Такие ошибки очень трудно выявлять.

сделайте бэкап сайта и попробуйте произвести следующие изменения


в файле товар найдите код  (612-622 строки кода)

<!-- Если не выключен модуль отзывов о товаре -->
	  {% IFNOT SETTINGS_OPINION_DISABLE %}
		<h3>Отзывы о {GOODS_NAME}</h3>
  
		<!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
		{% IF opinion_list_empty_without_filter %}
		  <div class="goodsDataOpinionMessage empty">Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></div>
		<!-- Если по товару есть хотя бы один отзыв -->
		{% ELSE %}
		  <table>

вырежьте его и вставьте в 363 строку

после строк кода
   <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
	{% IF TARIFF_FEATURE_GOODS_OPINION %}


должно получиться так 

<!-- Если в тарифном плане подключен модуль отзывов о товаре -->
	{% IF TARIFF_FEATURE_GOODS_OPINION %}
	  <!-- Если не выключен модуль отзывов о товаре -->
	  {% IFNOT SETTINGS_OPINION_DISABLE %}
		<h3>Отзывы о {GOODS_NAME}</h3>
		<!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
		{% IF opinion_list_empty_without_filter %}
		  <div class="goodsDataOpinionMessage empty">Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></div>
		<!-- Если по товару есть хотя бы один отзыв -->
		{% ELSE %}
		  <table>
			<!-- Верхняя навигация (Фильтры и страницы) -->
			<thead>

#28 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 26 Май 2013 - 18:44

Спасибо .! Все встало на место.Там где нет отзывов
Там где есть пока так же уплывает .

но все равно Огромадное мерси всем модераторам )за проделанную работу.

#29 grev

grev

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

  • Пользователи
  • PipPip
  • 18 сообщений
  • ГородСанкт-Петербург

Отправлено 25 Ноябрь 2014 - 12:49

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

#30 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Ноябрь 2014 - 19:24

Просмотр сообщенияgrev (25 Ноябрь 2014 - 12:49) писал:

Может ли кто подсказать, предложенный здесь код годится только для топикстартера или сгодится всем, у кого шаблон Лайт? Тоже хотел бы колонку справа сделать, но как-то опасаюсь рубить сплеча.
Здравствуйте, уточните пожалуйста свой вопрос более конкретно.

#31 grev

grev

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

  • Пользователи
  • PipPip
  • 18 сообщений
  • ГородСанкт-Петербург

Отправлено 25 Ноябрь 2014 - 21:55

Здравствуйте, Ирина345.
Во втором посте темы был предложен код для добавления третьей колонки. Возможно, у топикстартера в шаблон Лайт были внесены изменения, и предложенный код был составлен с учётом этих изменений и годится только для него и ни для кого больше?

#32 Vaccina

Vaccina

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

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

Отправлено 26 Ноябрь 2014 - 07:06

В шаблоне HTML после:
  {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
				   {% ENDFOR index_page_goods %}
				  </tr>
				</table>
			  {% ENDIF %}	  
			  <!-- end Список товаров на главной -->
			{% ENDIF %}
			<!-- END Всевозможные списки товаров -->
		   
		  </td>
вставляете:
<td>
			<div class="right">
тут размещаете необходимые блоки для правой колонки
</div>
</td>

в main.css добавляете:
.right {
		max-width: 200px;
		margin-left: -273px;
		border: 1px solid #DCECF7;
		-moz-border-radius: 5px;  -webkit-border-radius: 5px;
		padding: 1em;
}

#33 grev

grev

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

  • Пользователи
  • PipPip
  • 18 сообщений
  • ГородСанкт-Петербург

Отправлено 27 Ноябрь 2014 - 21:58

Vaccina, доброго времени суток!

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

Подскажите, что не так?

#34 Vaccina

Vaccina

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

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

Отправлено 29 Ноябрь 2014 - 03:31

лучше сохранять изменения, скройте пожалуйста добавочный код стилем, то есть:
<div class="right">
замените на:
<div class="right" style="display:none;">

#35 grev

grev

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

  • Пользователи
  • PipPip
  • 18 сообщений
  • ГородСанкт-Петербург

Отправлено 29 Ноябрь 2014 - 14:41

Vaccina,
добавочный код вернул обратно, скрыл стилем.
Посмотрите пожалуйста, в чём ошибка?

#36 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Ноябрь 2014 - 15:57

Просмотр сообщенияgrev (29 Ноябрь 2014 - 14:41) писал:

Vaccina,
добавочный код вернул обратно, скрыл стилем.
Посмотрите пожалуйста, в чём ошибка?
Здравствуйте, найдите в main.css
.right {
				max-width: 200px;
				margin-left: -273px;
				border: 1px solid #DCECF7;
				-moz-border-radius: 5px;  -webkit-border-radius: 5px;
				padding: 1em;
}
замените на


.right {
				max-width: 200px;
				margin-left: -52px;
				border: 1px solid #DCECF7;
				-moz-border-radius: 5px;  -webkit-border-radius: 5px;
				padding: 1em;
}
так же отмените инструкцию из сообщения #43

#37 grev

grev

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

  • Пользователи
  • PipPip
  • 18 сообщений
  • ГородСанкт-Петербург

Отправлено 29 Ноябрь 2014 - 20:05

Ирина345, здравствуйте!

Код в main.css заменил.
Стало как-бы получше, но всё равно виджет из правой колонки наезжает на блоки слева от него.
Поясните пожалуйста, что значит отменить инструкцию из сообщения #43 ?

#38 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 30 Ноябрь 2014 - 11:08

Просмотр сообщенияgrev (29 Ноябрь 2014 - 20:05) писал:

Ирина345, здравствуйте!

Код в main.css заменил.
Стало как-бы получше, но всё равно виджет из правой колонки наезжает на блоки слева от него.
Поясните пожалуйста, что значит отменить инструкцию из сообщения #43 ?
Здравствуйте, для того изменить размер блока, измените значение
margin-left: -52px;
используя инструкцию из сообщения выше.

#39 grev

grev

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

  • Пользователи
  • PipPip
  • 18 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Ноябрь 2014 - 13:18

Поигрался со значением margin-left. Виджет встал в правую колонку.
Но, как водится, решение одного вопроса порождает другие:
  • С появлением третьей колонки правая граница шапки сайта уехала влево, над третьей колонкой красуется белое пятно.
  • Аналогично с подвалом - правый край его уехал влево, подвал теперь находится не по центру страницы.
  • На главной, между блоком текста и правой колонкой белое пятно - правая граница блока с текстом смещена влево. Впрочем, до появления третьей колонки она тоже была смещена влево, только это было не так заметно.
  • Как в правую колонку поместить второй виджет? Вернее не так, второй виджет исправно отображается, но граница правой колонки обрамляет лишь первый.
Подскажите, как это исправить? Честно говоря, не ожидал такой заморочки.

#40 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 30 Ноябрь 2014 - 13:44

Просмотр сообщенияgrev (30 Ноябрь 2014 - 13:18) писал:

Поигрался со значением margin-left. Виджет встал в правую колонку.
Но, как водится, решение одного вопроса порождает другие:
  • С появлением третьей колонки правая граница шапки сайта уехала влево, над третьей колонкой красуется белое пятно.

  • Аналогично с подвалом - правый край его уехал влево, подвал теперь находится не по центру страницы.

  • На главной, между блоком текста и правой колонкой белое пятно - правая граница блока с текстом смещена влево. Впрочем, до появления третьей колонки она тоже была смещена влево, только это было не так заметно.

  • Как в правую колонку поместить второй виджет? Вернее не так, второй виджет исправно отображается, но граница правой колонки обрамляет лишь первый.
Подскажите, как это исправить? Честно говоря, не ожидал такой заморочки.
  Найдите в html
   <!-- Поисковая форма -->
		  <td class="Search">
			  <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get">
				<table class="SearchFormTable">
				  <tr>
					<td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td>
					<td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td>
				  </tr>
				</table>
			  </form>
		  </td>
		  <!-- Корзина -->
замените на

   <!-- Поисковая форма -->
		  <td class="Search">
			  <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get">
				<table class="SearchFormTable">
				  <tr>
					<td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td>
					<td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td>
				  </tr>
				</table>
			  </form>
		  </td>
		  <td></td>
		  <!-- Корзина -->

далее найдите


		  <td>
			{% IF TARIFF_FEATURE_CLIENT_ROOM %}
			  <div class="contentTableHeadUserInfo">
				{% IF CLIENT_IS_LOGIN %}
				  Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{USER_LOGOUT_URL}">Выйти</a><br />
				{% ELSE %}
				  <a href="{USER_LOGIN_URL}">Вход с паролем</a> |
				  <a href="{USER_REGISTER_URL}">Регистрация</a>
				{% ENDIF %}
			  </div>
			{% ENDIF %}
		  </td>
		</tr>
замените на

		  <td>
			{% IF TARIFF_FEATURE_CLIENT_ROOM %}
			  <div class="contentTableHeadUserInfo">
				{% IF CLIENT_IS_LOGIN %}
				  Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{USER_LOGOUT_URL}">Выйти</a><br />
				{% ELSE %}
				  <a href="{USER_LOGIN_URL}">Вход с паролем</a> |
				  <a href="{USER_REGISTER_URL}">Регистрация</a>
				{% ENDIF %}
			  </div>
			{% ENDIF %}
		  </td>
  <td></td>
		</tr>


далее найдите 
	  <!-- Подвал сайта -->
	  <tbody>
		<tr>
		  <td colspan="3">
замените на

    
  <!-- Подвал сайта -->
	  <tbody>
		<tr>
		  <td colspan="4">

Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лайт
  5. → Изменение общей стилистики
  6. Privacy Policy