Отключен JavaScript

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

0

Изменение Порядка Отображения В Ячейке

Автор Barmalei, 15 февр. 2012 20:07

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

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

#1 Barmalei

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

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

Отправлено 15 Февраль 2012 - 20:07

Здравствуйте!
Подскажите, пожалуйста!
Сейчас, если выбрать отображение товаров в виде таблице, в ячейке с товаром идёт следующая последовательность полей (сверху вниз):
1) Изображение товара
2) Название товара
3) Цена товара

Можно ли сделать так, чтобы последовательность была следующая:
1) Название товара
2) изображение товара
3) Цена товара (в идеале, чтобы строка была ещё и красного цвета)

Я там маленько пошаманил уже с функциями:
/* Список товаров в виде таблицы. Ячейки с товаром */
.goodsListItem                      {text-align:center;vertical-align:top;width:150px;overflow:top;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock                 {height:220px;width:150px;margin:5px;overflow:hidden;}
.goodsListItemBlock a               {}
.goodsListItemImage                 {height:110px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}
.goodsListItemImage td              {text-align:center;vertical-align:middle;}
.goodsListItemName                  {line-height:0.9em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}
.goodsListItemName a                {font-size:12px;line-height:0.1em;padding:5px;margin:5px;}
Надеюсь, ничего не испортил...

Вопрос №2:
Как сделать, чтобы товары по умолчанию отображались в виде таблицы (в любом разделе) при каждом входе на сайт?

Сайт магазина: www.alpa-shop.ru

Наверх

#2 Vaccina

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

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

Отправлено 15 Февраль 2012 - 22:46

1.Редактор тем - Товары:

	  <!-- Список товаров. Таблица -->
	  <table>
		<tr>
		  {% FOR goods %}
			<td class="goodsListItem">  
			  <div class="goodsListItemBlock withBorder cornerAll">
				<table class="goodsListItemImage">
				  <tr>
					<td>
					  <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
					</td>
				  </tr>
				</table>
				
				<h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
				<div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div>  
				<div class="goodsListItemPriceOld">
				  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %} 
				</div>
			  </div>
			</td>
		  {goods.index | is_divided("3","</tr><tr>","")}
		  {% ENDFOR goods %}
		</tr>
	  </table>
	<!-- /Список товаров. Таблица -->

в нем нужно поменять местами блоки. т.е. поставить блок названия перед блоко изображения.

2.Чтобы товары отображались в каталоге товаров таблицей по умолчанию делаем следующее:
для этого нужно в шаблоне "Товары"

найти

<!-- Переключатель режима просмотра -->
			{% IF GOODS_VIEW_TYPE=2 %}
			  <strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong>&nbsp;
			  <a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a>
			{% ELSE %}
			  <a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a>&nbsp;
			  <strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
			{% ENDIF %}
			<!-- /Переключатель режима просмотра -->

заменить на

<!-- Переключатель режима просмотра -->
			{% IF GOODS_VIEW_TYPE=2 %}
			  <a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a>&nbsp;
			  <strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
			{% ELSE %}   
			  <strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong>&nbsp;
			  <a href="?goods_view_type=2" title="Отображать список товаров в виде списка">Список</a>
			{% ENDIF %}
			<!-- /Переключатель режима просмотра -->

далее найти

{% IF GOODS_VIEW_TYPE=1 %}
	  <!-- Список товаров. Список -->

заменить на

{% IF GOODS_VIEW_TYPE=2 %}
	  <!-- Список товаров. Список -->

Чтобы убрать строку выбора в шаблоне Товары найдите сл.блок:

<!-- Переключатель режима просмотра -->
			{% IF GOODS_VIEW_TYPE=2 %}
			  <strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong>&nbsp;
			  <a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a>
			{% ELSE %}
			  <a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a>&nbsp;
			  <strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
			{% ENDIF %}
			<!-- /Переключатель режима просмотра -->

и поменяйте на следующий

<!-- Переключатель режима просмотра -->
		 <!--   {% IF GOODS_VIEW_TYPE=2 %}
			  <strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong>&nbsp;
			  <a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a>
			{% ELSE %}
			  <a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a>&nbsp;
			  <strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
			{% ENDIF %}-->
			<!-- /Переключатель режима просмотра -->

по поводу отображения таблицей товаров на главной. советую почитать сл.ветку форума:
http://forum.storela...ch__1#entry5067

Наверх

#3 Barmalei

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

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

Отправлено 17 Февраль 2012 - 13:02

Вот тут Вы что-то напутали:

Цитата

далее найти

{% IF GOODS_VIEW_TYPE=1 %}


заменить на
{% IF GOODS_VIEW_TYPE=2 %}

Когда я так сделал, у меня таблица со списком просто поменялись местами..
Т.е., когда я выбираю список - у меня выводится таблица, и наоборот.

И ещё остаются вопросы:
2) Как сделать, чтобы цена была красной?
3) Как на главной странице сделать тоже самое:

Цитата

Можно ли сделать так, чтобы последовательность была следующая:
1) Название товара
2) изображение товара
3) Цена товара (в идеале, чтобы строка была ещё и красного цвета)

?

Наверх

#4 Barmalei

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

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

Отправлено 22 Февраль 2012 - 19:10

Вы мне ответите?

Наверх

#5 Vaccina

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

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

Отправлено 22 Февраль 2012 - 22:48

Цитата

Вот тут Вы что-то напутали:
Когда я так сделал, у меня таблица со списком просто поменялись местами..
Т.е., когда я выбираю список - у меня выводится таблица, и наоборот.

Возможно, посмотрите следующую тему

http://forum.storela...dpost__p__15446

Цитата

2) Как сделать, чтобы цена была красной?

Вам необходимо изменить свойство color в классах

.listing .contm a span span {
	color: #339900;
	font-weight: bold;
}

и

.goodsListItemBlock a span span {
	color: #339900;
	font-size: 17px;
	font-weight: bold;
}

Цитата

3) Как на главной странице сделать тоже самое:

Не совсем вас понимаю, но возможно вы имели в виду это

http://forum.storela...ndpost__p__5067

Наверх

#6 Barmalei

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

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

Отправлено 25 Февраль 2012 - 10:52

ЗНАЧИТ ТАК:

Цитата

Цитата
Вот тут Вы что-то напутали:
Когда я так сделал, у меня таблица со списком просто поменялись местами..
Т.е., когда я выбираю список - у меня выводится таблица, и наоборот.

Возможно, посмотрите следующую тему

http://forum.storela...dpost__p__15446

Вот тут Вы отправляете меня на эту же тему, в которой мы сейчас находимся. Как мне это поможет?

ВОТ ЗДЕСЬ:

Цитата

Вам необходимо изменить свойство color в классах

.listing .contm a span span {
    color: #339900;
    font-weight: bold;
}

и
.goodsListItemBlock a span span {
    color: #339900;
    font-size: 17px;
    font-weight: bold;
}

Где мне найти эти свойства? В main.css? Там нет свойства .listing .contm a. У меня шаблон Сияние, если что.

И ПОСЛЕДНЕЕ:

Цитата
3) Как на главной странице сделать тоже самое:


 Не совсем вас понимаю, но возможно вы имели в виду это

http://forum.storela...ndpost__p__5067

Это здесь вообще не при чём!

Ещё раз повторю свои вопросы:
1. Как сделать, чтобы цены товаров отображались красным цветом каталоге товаров (и на главной странице тоже)?
2. Как сделать, чтобы во вкладке "Каталог товаров" товары по умолчанию отображались в виде таблицы? Вы дали не корректный ответ - ответьте ещё раз, пожалуйста.
3. На главной странице товары у меня отображаются в виде таблицы. Но как мне поменять последовательность внутри ячейки, чтобы была следующая последовательность: 1) Название товара, 2) Изображение, 3) Цена товара.
Во вкладке "Каталог товаров" я это реализовал - а на главной странице так не получается.

Наверх

#7 Vaccina

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

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

Отправлено 27 Февраль 2012 - 16:02

Цитата

Вот тут Вы отправляете меня на эту же тему, в которой мы сейчас находимся. Как мне это поможет?

Я вам дала ссылку не на тему, а на сообщение темы. В которой 100% рабочее решение данного вопроса.

Цитата

Где мне найти эти свойства? В main.css? Там нет свойства .listing .contm a. У меня шаблон Сияние, если что.

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

.listing .imagem {  position: relative;
  display: inline;
  float: left;
  width: 220px;
  margin-right: 10px;
  border: 1px solid #D6D6D6;
  text-align: center;
  background: #FFF;
  padding: 1px;}
.listing .imagem a {display:block;}
.listing .contm {position: relative;
  display: inline;
  float: left;
  width: 435px;
}
.listing .contm a span span	 {color: #390;font-weight:bold;}

Цитата

3. На главной странице товары у меня отображаются в виде таблицы. Но как мне поменять последовательность внутри ячейки, чтобы была следующая последовательность: 1) Название товара, 2) Изображение, 3) Цена товара.

Пример для Новинок

<!-- Список новинок на главной -->
				{% IFNOT index_page_new_goods_empty %}
				  <div class="pad-box">
					<h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3>
					<table>
					  <tr>
					  {% FOR index_page_new_goods %}
						<td class="goodsListItem">  
						  <div class="goodsListItemBlock withBorder cornerAll">
							<h2 class="goodsListItemName"><a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">{index_page_new_goods.NAME}</a></h2>
							<table class="goodsListItemImage">
							  <tr>
								<td>
								  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
								</td>
							  </tr>
							</table>
							
							<div class="goodsListItemPriceNew">
							  <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
							</div>  
							<div class="goodsListItemPriceOld">
							  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
								<a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
								<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
							  {% ENDIF %} 
							</div>
						  </div>
						</td>
						{index_page_new_goods.index | is_divided("3","</tr><tr>","")}
					  {% ENDFOR index_page_new_goods %}
					  </tr>
					</table>
				  </div>
				{% ENDIF %}
				<!-- end Список новинок на главной -->

Наверх

#8 Barmalei

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

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

Отправлено 01 Март 2012 - 12:12

Цитата

Где мне найти эти свойства? В main.css? Там нет свойства .listing .contm a. У меня шаблон Сияние, если что.

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

То, что Вы прислали полный блок ещё раз подтверждает, что свойства .listing .contm a span span у меня не было. Ну да ладно, проехали - добавил. Что дальше?
Я сделал так:
.listing .contm a span span {color: #000000;font-weight:bold;}
И так:
.goodsListItemBlock a {color: #ff0000; font-size: 17px; font-weight: bold;}

У меня теперь весь текст в ячейке стал красным. А нужно только чтобы цена была красной - а название товара оставалось голубеньким (при отображении товаров ТАБЛИЦЕЙ (если смотреть СПИСКОМ - то всё нормально!) в "КАТАЛОГ ТОВАРОВ").

И ещё: какой вообще функционал несут "span span" в свойствах ".listing .contm a span span" и ".listing .contm a span span"? Или можно обойтись без этих "span span"? У меня в шаблонах по умолчанию никаких "span span" нету.

----------------------------------------------------------------------------------------------------------------------------------------

Цитата

Цитата
Вот тут Вы отправляете меня на эту же тему, в которой мы сейчас находимся. Как мне это поможет?

Я вам дала ссылку не на тему, а на сообщение темы. В которой 100% рабочее решение данного вопроса.

Сделал, как Вы написали. А теперь попробуйте сами перейти по ссылке http://alpa-shop.ru/catalog в разных браузерах - и посмотрите, как это 100% "работает".

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

Попробую ещё раз объяснить задачу: мне нужно, чтобы каждый раз, когда пользователь заходит на сайт и открывает вкладку "КАТАЛОГ ТОВАРОВ", ему мои товары отображались в виде таблицы. Допустим, пользователь переключился в режим списка и закрыл сайт. Когда он опять открывает мой сайт и заходит в каталог товаров - ему опять предлагаются товары в форме ТАБЛИЦЫ.

Попробуйте зайти на мой сайт в каталог товаров, перевести товары в список и закрыть сайт. После чего снова открыть сайт и войти в каталог продуктов - что будет?

----------------------------------------------------------------------------------------------------------------------------------------

С последним, вроде, разобрался. Но тут же встречный вопрос: попробуйте открыть http://alpa-shop.ru/catalog в Эксплорере: название товара отображается очень мелко. Как исправить? Да и вообще все символы всего сайта в Эксплорере какие-то маленькие? Это можно как либо устранить?

----------------------------------------------------------------------------------------------------------------------------------------

И ещё вопрос по эксплореру:
Подвал сайта в Опере (и в Мозиле тоже) "монолитный" и идёт до самого низа экрана, а так же 2 статистики отображаются справа снизу (лайв интернет и яндекс метрика).
Если открыть сайт в эксплорере, то подвал сайта отображается полосой, под которой опять виден фон сайта а метрики раскиданы по углам. Как сделать, чтобы в IE подвал сайта отображался так же как в опере и мозиле?

Наверх

#9 Vaccina

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

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

Отправлено 01 Март 2012 - 21:49

В файле стилей найдите

.goodsListItemName a {
	font-size: 12px;
	line-height: 0.1em;
	margin: 0;
	padding: 5px;
}

и замените на

.goodsListItemName a {
	font-size: 12px;
	line-height: 0.1em;
	margin: 0;
	padding: 5px;
	color:#0099CC;
}

Цитата

Попробую ещё раз объяснить задачу: мне нужно, чтобы каждый раз, когда пользователь заходит на сайт и открывает вкладку "КАТАЛОГ ТОВАРОВ", ему мои товары отображались в виде таблицы. Допустим, пользователь переключился в режим списка и закрыл сайт. Когда он опять открывает мой сайт и заходит в каталог товаров - ему опять предлагаются товары в форме ТАБЛИЦЫ.

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

Цитата

С последним, вроде, разобрался. Но тут же встречный вопрос: попробуйте открыть http://alpa-shop.ru/catalog в Эксплорере: название товара отображается очень мелко. Как исправить? Да и вообще все символы всего сайта в Эксплорере какие-то маленькие? Это можно как либо устранить?
И ещё вопрос по эксплореру:
Подвал сайта в Опере (и в Мозиле тоже) "монолитный" и идёт до самого низа экрана, а так же 2 статистики отображаются справа снизу (лайв интернет и яндекс метрика).
Если открыть сайт в эксплорере, то подвал сайта отображается полосой, под которой опять виден фон сайта а метрики раскиданы по углам. Как сделать, чтобы в IE подвал сайта отображался так же как в опере и мозиле?

Сообщите какая версия Эксплорера

Наверх

#10 Barmalei

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

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

Отправлено 02 Март 2012 - 08:24

Цитата

и замените на

.goodsListItemName a {
    font-size: 12px;
    line-height: 0.1em;
    margin: 0;
    padding: 5px;
    color:#0099CC;
}

Сделал - спасибо!

-------------------------------------------------------------------------------------------------------------------

Цитата

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

Понял - отстал!

-------------------------------------------------------------------------------------------------------------------

Эксплорер: 9, версия: 9.0.8112

-------------------------------------------------------------------------------------------------------------------

И ещё вопрос: можно ли как-то оптимизировать расположение элемнтов в ячейке?
Поясняю: у нас есть в ячейке товара есть НАЗВАНИЕ товара, ФОТОГРАФИЯ товара и ЦЕНА. Если, допустим, название товара достаточно большое и картинка не маленькая - то цена на половину скрывается за границей ячейки (а то и полностью!). И наоборот: если название маленькое и картинка маленькая - то цена оказывается по середине ячейки. Было бы здорово название товара привязать жёстко к верхней части ячейки а цену жёстко привязать к нижней части. А картинку разместить на оставшейся "территории": влезет полностью - ну хорошо, если часть картинки обрежется - ну что поделать... Можно так?

Наверх

#11 Vaccina

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

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

Отправлено 02 Март 2012 - 23:05

Цитата

С последним, вроде, разобрался. Но тут же встречный вопрос: попробуйте открыть http://alpa-shop.ru/catalog в Эксплорере: название товара отображается очень мелко. Как исправить? Да и вообще все символы всего сайта в Эксплорере какие-то маленькие? Это можно как либо устранить?
И ещё вопрос по эксплореру:
Подвал сайта в Опере (и в Мозиле тоже) "монолитный" и идёт до самого низа экрана, а так же 2 статистики отображаются справа снизу (лайв интернет и яндекс метрика).
Если открыть сайт в эксплорере, то подвал сайта отображается полосой, под которой опять виден фон сайта а метрики раскиданы по углам. Как сделать, чтобы в IE подвал сайта отображался так же как в опере и мозиле?

В файле стилей найдите

.goodsListItemName {
	line-height: 0.9em;
	margin: 0;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0 2px;
}

замените на

.goodsListItemName {
	margin: 0;
	padding: 0 2px;
}

далее найти

.goodsListItemName a {
	font-size: 12px;
	line-height: 0.1em;
	margin: 0;
	padding: 5px;
}

и заменить на

.goodsListItemName a {
	font-size: 12px;
	margin: 0;
	padding: 5px;
}

Что касается подвала - вам необходимо задать один общий блок для счетчиков в шаблоне "HTML" подвала. Т.е

<div>сюда уже вставляете коды счетчиков</div>

Попробуйте сделать следующее - в файле стилей найти

.goodsListItemBlock {
	height: 220px;
	margin: 10px;
	overflow: hidden;
	width: 150px;
}

заменить на

.goodsListItemBlock {
	height: 220px;
	margin: 10px;
	overflow: hidden;
	width: 150px;
	position:relative;
}

далее найти

.goodsListItemName {
	line-height: 0.9em;
	margin: 0;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0 2px;
}

заменить на

.goodsListItemName {
	line-height: 0.9em;
	margin: 0;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0 2px;
	position: absolute;
	text-align: center;
	top: 0;
}

далее найти

.goodsListItemImage {
	border-collapse: collapse;
	border-spacing: 0;
	height: 110px;
	margin-top: 1em;
	width: 100%;
}

заменить на

.goodsListItemImage {
	border-collapse: collapse;
	border-spacing: 0;
	height: 110px;
	margin-top: 50%;
	width: 100%;
}

далее добавить новый класс

.goodsListItemPriceNew {
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 150px;
}

Наверх

#12 Barmalei

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

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

Отправлено 17 Март 2012 - 13:17

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

Пришлось многое переделать - но спасибо.

Перейдите по ссылке http://alpa-shop.ru/...ods_view_type=1 через эксплорер и обратите внимание на расположение цены в ячейке (она смещена вправо). Как это исправить?

------------------------------------------------------------------------------------------------------------------------------------------------

Следующий вопрос: как сделать, чтобы цена была красного цвета при отображении товаров в виде списка?
И ещё: опять же, отображая товар в виде списка, как сделать, чтобы граница изображения товара оканчивалась рядом с кнопкой "Подробнее" (см. рисунок).

------------------------------------------------------------------------------------------------------------------------------------------------

Цитата

Что касается подвала - вам необходимо задать один общий блок для счетчиков в шаблоне "HTML" подвала. Т.е

<div>сюда уже вставляете коды счетчиков</div>

Вот это не совсем понял... У меня вроде так и сделано - посмотрите? alpa-shop.ru
Или нужно ещё какие-то свойства указать? Подскажите, пожалуйста! Метрики должны располагаться там, где они находятся сейчас, при открытии сайта в Опере.

Наверх

#13 Vaccina

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

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

Отправлено 19 Март 2012 - 21:15

Цитата

Перейдите по ссылке http://alpa-shop.ru/...ods_view_type=1 через эксплорер и обратите внимание на расположение цены в ячейке (она смещена вправо). Как это исправить?

Попробуйте найти

.goodsListItemPriceNew {
	bottom: 0;
	margin: 5px;
	position: absolute;
	width: 150px;
}

и заменить на

.goodsListItemPriceNew {
	bottom: 0;
	margin: 5px;
	position: absolute;
	text-align: center;
	width: 140px;
}

Цитата

Следующий вопрос: как сделать, чтобы цена была красного цвета при отображении товаров в виде списка?

Добавьте в файл стилей

.listing .contm a span {
  color: #FF0000;
}

А в классе

.listing .contm a span span {
	color: #000000;
	font-weight: bold;
}

удалите свойство color: #000000;

Цитата

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

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

Цитата

Вот это не совсем понял... У меня вроде так и сделано - посмотрите? alpa-shop.ru
Или нужно ещё какие-то свойства указать? Подскажите, пожалуйста! Метрики должны располагаться там, где они находятся сейчас, при открытии сайта в Опере.

Думаю проблема возникает из-за ошибке в синтаксисе HTML. Пожалуйста, приложите весь код блока <div id="footer"> включительно. Из шаблона "HTML"

Наверх

#14 Barmalei

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

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

Отправлено 21 Март 2012 - 20:05

Vaccina (19 Март 2012 - 21:15) писал:

Попробуйте найти

.goodsListItemPriceNew {
	bottom: 0;
	margin: 5px;
	position: absolute;
	width: 150px;
}

и заменить на

.goodsListItemPriceNew {
	bottom: 0;
	margin: 5px;
	position: absolute;
	text-align: center;
	width: 140px;
}

Не помогло

------------------------------------------------------------------------------------------------------------------------------------------------

Vaccina (19 Март 2012 - 21:15) писал:

Добавьте в файл стилей

.listing .contm a span {
  color: #FF0000;
}

А в классе

.listing .contm a span span {
	color: #000000;
	font-weight: bold;
}

удалите свойство color: #000000;

Работает - спасибо!

------------------------------------------------------------------------------------------------------------------------------------------------

Vaccina (19 Март 2012 - 21:15) писал:

Думаю проблема возникает из-за не ошибке в синтаксисе HTML. Пожалуйста, приложите весь код блока <div id="footer"> включительно. Из шаблона "HTML"

<!-- Подвал сайта -->
<div id="footer">
  <div style="margin:0 auto; width:940px;">
	<div class="left">
	  <p>© 2011 Интернет-магазин "АЛЬПА".</p>
	  <ul>
							  <li><a title="Перейти к странице «Главная»" class="selected" href="http://alpa-shop.storeland.ru/">Главная</a></li><li><a title="Ваша корзина" href="http://alpa-shop.storeland.ru/cart">Корзина</a></li><li><a title="Полный список товаров на сайте" href="http://alpa-shop.storeland.ru/catalog">Каталог товаров</a></li><li class="last"><a title="Связь с администрацией магазина" href="http://alpa-shop.storeland.ru/feedback">Связь с администрацией</a></li>						</ul>
	</div>
	<div class="right"><p><span style="color: #ffffff;"> Контактный телефон: <span style="font-size: 12px;"><strong><span style="color: #ff0000;"> 8 (391) 285-98-95</strong></span></span> <br> Красноярский край, Красноярск </p></div>


	<div class="clr"></div>

<div>

<!--LiveInternet logo--><a href="http://www.liveinternet.ru/click"
target="_blank"><img src="//counter.yadro.ru/logo?14.6"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
alt="" style="width:88px; height:31px; border:0; padding:3px;" align="right"/></a><!--/LiveInternet-->



<!-- Yandex.Metrika informer -->
<a href="http://metrika.yandex.ru/stat/?id=хххххххх&from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/11418736/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
style="width:88px; height:31px; border:0; padding:3px;"  class="right" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:хххххххх,type:0,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer -->

<!-- Yandex.Metrika counter -->
<div style="display:none;"><script type="text/javascript">
(function(w, c) {
	(w[c] = w[c] || []).push(function() {
		try {
			w.yaCounter11418736 = new Ya.Metrika({id:хххххххх, enableAll: true});
		}
		catch(e) { }
	});
})(window, "yandex_metrika_callbacks");
</script></div>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script>
<noscript><div><img src="//mc.yandex.ru/watch/хххххххх" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->




   </div>
  </div>
 </div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>

Наверх

#15 Vaccina

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

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

Отправлено 22 Март 2012 - 21:38

Используйте класс

.goodsListItemPriceNew {
	bottom: 0;
	margin: 5px;
	position: absolute;
	text-align: center;
	width: 140px;
	left:0;
}

Попробуйте использовать следующий код

<!-- Подвал сайта -->
<div id="footer">
  <div style="margin:0 auto; width:940px;">
	<div class="left">
	  <p>© 2011 Интернет-магазин "АЛЬПА".</p>
	  <ul>
		 <li><a title="Перейти к странице «Главная»" class="selected" href="http://alpa-shop.storeland.ru/">Главная</a></li><li><a title="Ваша корзина" href="http://alpa-shop.storeland.ru/cart">Корзина</a></li><li><a title="Полный список товаров на сайте" href="http://alpa-shop.storeland.ru/catalog">Каталог товаров</a></li><li class="last"><a title="Связь с администрацией магазина" href="http://alpa-shop.storeland.ru/feedback">Связь с администрацией</a></li>						</ul>
	</div>
	<div class="right"><p><span style="color: #ffffff;"> Контактный телефон: <span style="font-size: 12px;"><strong><span style="color: #ff0000;"> 8 (391) 285-98-95</span></strong></span> <br> Красноярский край, Красноярск </p></div>


	<div class="clr"></div>
 <div>
<!--LiveInternet logo--><a href="http://www.liveinternet.ru/click"
target="_blank"><img src="//counter.yadro.ru/logo?14.6"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
alt="" style="width:88px; height:31px; border:0; padding:3px;" align="right"/></a><!--/LiveInternet-->



<!-- Yandex.Metrika informer -->
<a href="http://metrika.yandex.ru/stat/?id=хххххххх&from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/11418736/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
style="width:88px; height:31px; border:0; padding:3px;"  class="right" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:хххххххх,type:0,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer -->

<!-- Yandex.Metrika counter -->
<div style="display:none;"><script type="text/javascript">
(function(w, c) {
	(w[c] = w[c] || []).push(function() {
		try {
			w.yaCounter11418736 = new Ya.Metrika({id:хххххххх, enableAll: true});
		}
		catch(e) { }
	});
})(window, "yandex_metrika_callbacks");
</script></div>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script>
<noscript><div><img src="//mc.yandex.ru/watch/хххххххх" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->




   </div>
   <div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>
  </div>

Наверх

#16 Barmalei

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

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

Отправлено 28 Март 2012 - 17:17

Vaccina (22 Март 2012 - 21:38) писал:

Используйте класс

.goodsListItemPriceNew {
	bottom: 0;
	margin: 5px;
	position: absolute;
	text-align: center;
	width: 140px;
	left:0;
}

Вот это помогло, только вместо "лефт: 0" поставил "райт: 0". Спасибо!

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

Vaccina (22 Март 2012 - 21:38) писал:

Попробуйте использовать следующий код

А вот этот код не помог - подскажите ещё что-нибудь, пожалуйста

Наверх

#17 Vaccina

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

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

Отправлено 28 Март 2012 - 20:33

В данный момент если смотреть разметку после обработки шаблонизатором - то все нормально. А вот если смотреть исполняемый код уже в IE то там видно что верстка начинает ехать. Попробуйте сделать следующее

<div class="clr"></div>
 <div>
<!--LiveInternet logo--><a href="http://www.liveinternet.ru/click"
target="_blank"><img src="//counter.yadro.ru/logo?14.6"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
alt="" style="width:88px; height:31px; border:0; padding:3px;" align="right"/></a><!--/LiveInternet-->

заменить на

<div class="clr"></div>
 <div style="width: 190px; float: right;">
<!--LiveInternet logo--><a style="float:left;" href="http://www.liveinternet.ru/click"
target="_blank"><img src="//counter.yadro.ru/logo?14.6"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
alt="" style="width:88px; height:31px; border:0; padding:3px;" align="right"/></a><!--/LiveInternet-->

Наверх

#18 Barmalei

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

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

Отправлено 31 Март 2012 - 07:56

Vaccina, теперь всё съехало в другую сторону

Наверх

#19 Vaccina

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

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

Отправлено 02 Апрель 2012 - 16:46

На данный момент я не увидела у Вас сл.изменения:

<a style="float:left;" href="http://www.liveinternet.ru/click"

Наверх

#20 Barmalei

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

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

Отправлено 09 Апрель 2012 - 20:39

Vaccina (02 Апрель 2012 - 16:46) писал:

На данный момент я не увидела у Вас сл.изменения:

<a style="float:left;" href="http://www.liveinternet.ru/click"

Ага, вот это не досмотрел - моя ошибка! Теперь всё работает - СПАСИБО БОЛЬШОЕ! :rolleyes:

Наверх

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

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

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

Изменение Порядка Отображения В Ячейке

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

Войти

Google поиск