Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Центрировать Картинку На Странице Товара

Автор smit, 23 февр. 2012 19:52

Назад

Авторизуйтесь для ответа в теме

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

#22 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 18 Декабрь 2012 - 14:55

support 2.0 (26 Ноябрь 2012 - 09:11) писал:

в HTML найдите блок (у Вас может немного отличаться:

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
				 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
				 {% IFNOT SETTINGS_COMPARE_DISABLE %}
					 <li class="compare"><br /><h2><a href="{COMPARE_URL}">Сравнить товары</a></h2>
					 <div class="contentTbodyCompare">
						 {%IF COMPARE_GOODS_COUNT=0 %}

						 <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
							
						 {% ELSE %}

						 <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
						 <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
						 {% ENDIF %}
					 </div>
					 </li>
				 {% ENDIF %}
				 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль сравнения товаров -->
				
				 <!-- Если в тарифном плане подключен модуль новостей -->
				 {% IF TARIFF_FEATURE_NEWS %}
				 <!-- Все новости -->
				 {%IFNOT news_list_all_empty %}
					 <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
					 <div class="contentTbodyNews">
						 <!-- Список новостей магазина -->
						 <div class="contentTbodyNewsBlock">
						 {% FOR news_list_all %}
							 <div class="contentTbodyNewsBlockItem">
							 <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
							
							 <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
							
							 {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							 </div>
						 {% ENDFOR %}
						 <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						 </div>
					 </div>
					 </li>
				 {% ENDIF %}
				 <!-- Новости магазина -->
				 {%IFNOT news_list_shop_empty %}
					 <li class="news_shop"><br /><h2><a href="{NEWS_SHOP_URL}">Новости магазина</a></h2>
					 <div class="contentTbodyNews">
						 <!-- Список новостей магазина -->
						 <div class="contentTbodyNewsBlock">
						 {% FOR news_list_shop %}
							 <div class="contentTbodyNewsBlockItem">
							 <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />
							
							 <div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>

							 {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							 </div>
						 {% ENDFOR %}
						 <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a>
						 </div>
					 </div>
					 </li>
				 {% ENDIF %}

и замените на

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
				 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
				 {% IFNOT SETTINGS_COMPARE_DISABLE %}
					 <li class="compare"><br /><h2><a href="{COMPARE_URL}#bar">Сравнить товары</a></h2>
					 <div class="contentTbodyCompare">
						 {%IF COMPARE_GOODS_COUNT=0 %}
						 <a name="bar"></a>
						 <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
							
						 {% ELSE %}
						 <a name="bar"></a>
						 <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
						 <a class="contentTbodyCompareDetails" href="{COMPARE_URL}#bar">Посмотреть</a>
						 {% ENDIF %}
					 </div>
					 </li>
				 {% ENDIF %}
				 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль сравнения товаров -->
				
				 <!-- Если в тарифном плане подключен модуль новостей -->
				 {% IF TARIFF_FEATURE_NEWS %}
				 <!-- Все новости -->
				 {%IFNOT news_list_all_empty %}
					 <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}#bar">Лента новостей</a></h2>
					 <div class="contentTbodyNews">
						 <!-- Список новостей магазина -->
						 <div class="contentTbodyNewsBlock">
						 {% FOR news_list_all %}
							 <div class="contentTbodyNewsBlockItem">
							 <a href="{news_list_all.URL}#bar" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
							
							 <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
							
							 {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							 </div>
						 {% ENDFOR %}
						 <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						 </div>
					 </div>
					 </li>
				 {% ENDIF %}
				 <!-- Новости магазина -->
				 {%IFNOT news_list_shop_empty %}
					 <li class="news_shop"><br /><h2><a href="{NEWS_SHOP_URL}#bar">Новости магазина</a></h2>
					 <div class="contentTbodyNews">
						 <!-- Список новостей магазина -->
						 <div class="contentTbodyNewsBlock">
						 {% FOR news_list_shop %}
							 <div class="contentTbodyNewsBlockItem">
							 <a href="{news_list_shop.URL}#bar" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />
							
							 <div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
								 <a name="bar"></a>
							 {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							 </div>
						 {% ENDFOR %}
						 <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a>
						 </div>
					 </div>
					 </li>
				 {% ENDIF %}

Можете просто посмотреть куда я поставила #bar и <a name="bar"></a>, найти все это вручную и добавить только это, а не заменять весь код (иначе могут возникнуть ошибки из-за различия всего Вашего и моего кода)

Теперь в HTML найдите

<a href="{CART_URL}">Товаров на</a>:

и замените на

<a href="{CART_URL}">Товаров на</a>:

Далее в файле КОРЗИНА найдите блок (возможно будет немного отличаться

<form action="{CART_URL}" method="post" class="cartForm">
<div>

	 {% IF FORM_NOTICE %}<h5 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}errorMessage{% ENDIF %}">{FORM_NOTICE | nl2br}</h5>{% ENDIF %}

	 {% IF cart_items_empty %}
	 <div class="cartFormEmpty">
<h3>Ваша корзина пуста</h3><br />
		 Предлагаем выбрать нужный Вам товар из <a href="{CATALOG_URL}">каталога</a>.
	 </div>
	 {% ELSE %}

		 <input type="hidden" name="hash" value="{HASH}" />
	
		 <table class="cartFormTable">
		 <thead class="cartFormThead">
			 <tr>
			 <th colspan="2">Наименование</th>
			 <th>Кол-во</th>
			 <th>Цена</th>
			 <th>Общая сумма</th>
			 <th>Удалить</th>
			 </tr>
		 </thead>
		 <tbody class="cartFormTbody">
			 {% FOR cart_items %}
			 <tr>
			 <td class="cell1">
				 <a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a>
			 </td>

и замените на

<form action="{CART_URL}#bar" method="post" class="cartForm">
<div>

	 {% IF FORM_NOTICE %}<h5 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}errorMessage{% ENDIF %}">{FORM_NOTICE | nl2br}</h5>{% ENDIF %}

	 {% IF cart_items_empty %}
	 <div class="cartFormEmpty">
	 <a name="bar"> </a>
		 <h3>Ваша корзина пуста</h3><br />
		 Предлагаем выбрать нужный Вам товар из <a href="{CATALOG_URL}#bar">каталога</a>.
	 </div>
	 {% ELSE %}
		 <a name="bar"> </a>
		 <input type="hidden" name="hash" value="{HASH}" />
	
		 <table class="cartFormTable">
		 <thead class="cartFormThead">
			 <tr>
			 <th colspan="2">Наименование</th>
			 <th>Кол-во</th>
			 <th>Цена</th>
			 <th>Общая сумма</th>
			 <th>Удалить</th>
			 </tr>
		 </thead>
		 <tbody class="cartFormTbody">
			 {% FOR cart_items %}
			 <tr>
			 <td class="cell1">
				 <a href="{cart_items.GOODS_URL}#bar"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a>
			 </td>

Сейчас вроде все должно работать, если что-то будет не так, напишите.

Шикарно. Осталось сделать чтоб каждая отдельно новость и статья также открывались

Наверх

#23 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 18 Декабрь 2012 - 14:58

kaisyRUS (18 Декабрь 2012 - 14:47) писал:

Так верно?

Смотря что Вы хотели бы сделать данным кодом. Данный код работает в случае нажатия на кнопку рядом с корзиной (в шапке сайта) "Заказать на...". При нажатии на эту ссылку переходит в корзину, причем спускается страница именно в центр содержимого корзины, пропуская шапку сайта.

Наверх

#24 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 18 Декабрь 2012 - 15:09

kaisyRUS (18 Декабрь 2012 - 14:55) писал:

Шикарно. Осталось сделать чтоб каждая отдельно новость и статья также открывались

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

Наверх

#25 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 18 Декабрь 2012 - 17:48

support 2.0 (18 Декабрь 2012 - 15:09) писал:

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

Да я вовсе не редактировал. Может чем-то другим :mellow:

Еще подскажите, пожалуйста чтоб к #bar прокручивались 2-я и последующие страницы в каталоге товаров

Наверх

#26 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 18 Декабрь 2012 - 17:57

kaisyRUS (18 Декабрь 2012 - 17:48) писал:

Да я вовсе не редактировал. Может чем-то другим :mellow:

Еще подскажите, пожалуйста чтоб к #bar прокручивались 2-я и последующие страницы в каталоге товаров

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

					<!-- Статьи -->
					{%IFNOT news_list_articles_empty %}
					  <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL}">Статьи</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_articles %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
								{% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}

и замените на

					<!-- Статьи -->
					{%IFNOT news_list_articles_empty %}
					  <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL#bar}">Статьи</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_articles %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_articles.URL}#bar" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
								{% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}#bar">Архив статей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}

Также не поняла по поводу 2 и прочих статей каталога.. Вы про каталог игрушек? При нажатии на ссылки этого каталога, они переходят на страницы и спускаются ниже шапки (как и нужно было).

Наверх

#27 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 19 Декабрь 2012 - 09:27

support 2.0 (18 Декабрь 2012 - 17:57) писал:

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

				 <!-- Статьи -->
				 {%IFNOT news_list_articles_empty %}
					 <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL}">Статьи</a></h2>
					 <div class="contentTbodyNews">
						 <!-- Список статей -->
						 <div class="contentTbodyNewsBlock">
						 {% FOR news_list_articles %}
							 <div class="contentTbodyNewsBlockItem">
							 <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
							
							 <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
							 {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							 </div>
						 {% ENDFOR %}
						 <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a>
						 </div>
					 </div>
					 </li>
				 {% ENDIF %}

и замените на

				 <!-- Статьи -->
				 {%IFNOT news_list_articles_empty %}
					 <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL#bar}">Статьи</a></h2>
					 <div class="contentTbodyNews">
						 <!-- Список статей -->
						 <div class="contentTbodyNewsBlock">
						 {% FOR news_list_articles %}
							 <div class="contentTbodyNewsBlockItem">
							 <a href="{news_list_articles.URL}#bar" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
							
							 <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
							 {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							 </div>
						 {% ENDFOR %}
						 <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}#bar">Архив статей</a>
						 </div>
					 </div>
					 </li>
				 {% ENDIF %}

Также не поняла по поводу 2 и прочих статей каталога.. Вы про каталог игрушек? При нажатии на ссылки этого каталога, они переходят на страницы и спускаются ниже шапки (как и нужно было).

Я понял, мы говорили о разных вещах

я имел ввиду вот отсюда (как в новостях, так и статьях)
Последний скрин, вот про эту 2ю и последующие страницы говорил

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

Наверх

#28 Koderhan

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

Модератоpы
6 227 сообщений

Отправлено 19 Декабрь 2012 - 14:04

Цитата

я имел ввиду вот отсюда (как в новостях, так и статьях)

Вы можете попробовать добавить в файле "Просмотр новости".
Якорь. К которому будет переходить пользователь при открытие страницы.
В самое начало страницы.
Вставить код:

<a id="bar"></a>

Наверх

#29 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 20 Декабрь 2012 - 09:07

Koderhan (19 Декабрь 2012 - 14:04) писал:

Вы можете попробовать добавить в файле "Просмотр новости".
Якорь. К которому будет переходить пользователь при открытие страницы.
В самое начало страницы.
Вставить код:

<a id="bar"></a>

С новостями разобрался. А где вставить якорь для списка статей. Еще актуален вопрос про 2ю и последующие страницы

Наверх

#30 Koderhan

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

Модератоpы
6 227 сообщений

Отправлено 20 Декабрь 2012 - 10:00

kaisyRUS (20 Декабрь 2012 - 09:07) писал:

С новостями разобрался. А где вставить якорь для списка статей. Еще актуален вопрос про 2ю и последующие страницы

Для добавления якоря к переключателям страниц.
В файле "Товары".
Найти код:

<a class="pp-page" href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}">{goods_pages.PAGE}</a>

Заменить на:

<a class="pp-page" href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}#bar">{goods_pages.PAGE}</a>

Где #bar это ссылка на якорь который вы установили ранее.
Аналогично можно сделать и с Новостями.
Хотя переход по ссылке с боковой панели на новость работает с якорем.

Наверх

#31 kaisyRUS

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

Пользователи
381 сообщений

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

Koderhan (20 Декабрь 2012 - 10:00) писал:

Для добавления якоря к переключателям страниц.
В файле "Товары".
Найти код:

<a class="pp-page" href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}">{goods_pages.PAGE}</a>

Заменить на:

<a class="pp-page" href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}#bar">{goods_pages.PAGE}</a>

Где #bar это ссылка на якорь который вы установили ранее.
Аналогично можно сделать и с Новостями.
Хотя переход по ссылке с боковой панели на новость работает с якорем.

Все отлично. Спасибо ^_^

Наверх

#32 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 19 Март 2013 - 09:45

Еще просьба чтоб из результатов поиска страница товара тоже фиксировалась на горизонтальном меню

Наверх

#33 Koderhan

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

Модератоpы
6 227 сообщений

Отправлено 19 Март 2013 - 12:35

kaisyRUS (19 Март 2013 - 09:45) писал:

Еще просьба чтоб из результатов поиска страница товара тоже фиксировалась на горизонтальном меню

Панель администратора, "Сайт"->"Редактор тем".
В файле "Поиск".
Найти код:

{goods.URL}

Заменить:

{goods.URL}#bar

Наверх

#34 vender12

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 17 Июль 2013 - 17:17

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

спасибо

Сообщение отредактировал vender12: 17 Июль 2013 - 17:18

Наверх

#35 Taisia

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

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

Отправлено 17 Июль 2013 - 20:37

касательно каруселей было несколько тем у нас на форуме

можно посмотреть тут

http://forum.storela...ель-в-каталоге/

Или тут http://forum.storela...овить-карусель/

Наверх

#36 vender12

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 02 Октябрь 2013 - 13:48

Добрый день!
Что нужно сделать что бы слова и картинки не вылезали в сторону
Аккаунт SL-193288

таких много товаров

Наверх

#37 Vaccina

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

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

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

Попробуйте добавить в ваш файл стилей main.css

.htmlDataBlock {
	word-wrap: break-word;
}

Наверх

#38 vender12

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 03 Октябрь 2013 - 08:10

Vaccina (03 Октябрь 2013 - 01:57) писал:

Попробуйте добавить в ваш файл стилей main.css

.htmlDataBlock {
word-wrap: break-word;
}

спс

Наверх

Назад

Обратно в Страница товара

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

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

Центрировать Картинку На Странице Товара

#21 kaisyRUS

#22 kaisyRUS

#23 support 2.0

#24 support 2.0

#25 kaisyRUS

#26 support 2.0

#27 kaisyRUS

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

#28 Koderhan

#29 kaisyRUS

#30 Koderhan

#31 kaisyRUS

#32 kaisyRUS

#33 Koderhan

#34 vender12

#35 Taisia

#36 vender12

#37 Vaccina

#38 vender12

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

Google поиск

Центрировать Картинку На Странице Товара

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

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

Войти

Google поиск