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


Проблема С Отображением


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

#81 Ivan_M

Ivan_M

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

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

Отправлено 08 Сентябрь 2013 - 20:02

Просмотр сообщенияСake (03 Сентябрь 2013 - 23:40) писал:

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



Для этого можно задать стиль в элементе <div> пример:

<div rel="false" class="available-false" style="color: red;{% IF goods.MAX_REST_VALUE>0 %}display:none;{% ENDIF %}">Нет в наличии</div>

по этому будет ответ?

#82 Ivan_M

Ivan_M

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

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

Отправлено 08 Сентябрь 2013 - 20:23

Просмотр сообщенияStasya (08 Сентябрь 2013 - 19:23) писал:

1. В файле main.css найдите блок
.goodsListItemBlock {
height: 300px;
margin: 7px;
overflow: hidden;
margin-bottom: 7px;
}
и замените его на
.goodsListItemBlock {
height: 340px;
margin: 7px;
overflow: hidden;
margin-bottom: 7px;
}
И в шаблоне Товары найдите блок
<div class="goodsDataFeatures" style="height: 51px;">
и замените его на
<div class="goodsDataFeatures" style="height: auto;">
2. В файле main.css найдите блок
.goodsDataFeatures p {
float: left;
margin: 0;
padding: 0;
width: 100%;
background: transparent url('http://design.homeartshop.ru/grey_dotted.gif') repeat-x scroll 0 100%;
}
и замените его на
.goodsDataFeatures p {
float: left;
margin: 0;
padding: 0;
width: 100%;
background: transparent url('http://design.homeartshop.ru/grey_dotted.gif') repeat-x scroll 0 100%;
font-family: Verdana, Geneva, san-serif;
}

шрифт поменяли, а как абзац (м/д строчное расстояние) уменьшить?  и "на холсте" должно влезать в одну строку

#83 miyako

miyako

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

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

Отправлено 09 Сентябрь 2013 - 10:22

Просмотр сообщенияIvan_M (08 Сентябрь 2013 - 20:02) писал:

по этому будет ответ?

Можете объяснить вопрос подробнее?

Просмотр сообщенияIvan_M (08 Сентябрь 2013 - 20:23) писал:

шрифт поменяли, а как абзац (м/д строчное расстояние) уменьшить?  и "на холсте" должно влезать в одну строку

К сожалению, из вопроса не понятно про какой элемент сайта Вы говорите. Можете объяснить подробнее?

#84 Ivan_M

Ivan_M

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

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

Отправлено 09 Сентябрь 2013 - 20:25

Просмотр сообщенияmiyako (09 Сентябрь 2013 - 10:22) писал:

Можете объяснить вопрос подробнее?



К сожалению, из вопроса не понятно про какой элемент сайта Вы говорите. Можете объяснить подробнее?

Прилагаю скрин на нем пронумерованы проблемы в соответствии с нижеописанными вопросами, а также в правом-верхнем углу образец того что должно получиться (примерно).

1.  "На холсте" должно умещаться в одну строку - см. скрин

2. Старая цена (зачеркнутая) не должна налазить на характеристики товаров (тип и тд.)

3. Если можете   напишите как мне вставить надпись в каталог (см. каталог на paintsale.ru)

09092103.JPG

#85 Vaccina

Vaccina

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

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

Отправлено 10 Сентябрь 2013 - 01:16

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

.goodsDataFeatures {
	margin-top: -20px;
	width: 100%;
}

и замените на

.goodsDataFeatures {
  height: 90px !important;
  margin-bottom: 30px;
  margin-top: -30px;
  overflow: hidden;
  padding: 0 5px;
  white-space: nowrap;
  width: 100%;
}

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

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

и замените на

.goodsListItemName {
	height: 50px;
	line-height: 1.2em;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0 2px;
}

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

.goodsListItemBlock {
	height: 300px;
	margin: 7px;
	overflow: hidden;
}

и замените на

.goodsListItemBlock {
	height: 350px;
	margin: 7px;
	overflow: hidden;
}

далее добавьте

.available-false,
.available-true {
  bottom: 52px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

Для визуального разделения краткого каталога - можно использовать следующий способ. В шаблоне "HTML" найдите

{% IFNOT catalog.HIDE %}

и ниже вставьте

{%IF catalog.NAME=Название первой категории производителей%}
	 </ul><br /><h4 class="contentTbodyCatalogHeader">Производители</h4><ul id="subNavigation">
{%ENDIF%}

после замените в добавленном коде "Название первой категории производителей" на ваше название. В данном случае необходимо размещать категории в порядке относительно данной категории указанной как "Название первой категории производителей". Все идущее после данной категории (включая и её) будут отображаться визуально в дополнительном каталоге.

#86 Ivan_M

Ivan_M

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

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

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

"Новая" цена должна быть под "старой" ценой, например как в разделе http://homeartshop.r...log/popularnyje

а на странице любого товара, внизу "с этим товаром смотрят" выходит наслоение, прошу помочь!
06102013.JPG

Так же прошу прописать как реализовать на главной странице все характеристики товара (под товаром) и надпись "нет в наличии" (если товара нет)
Сейчас это реализовано в разделе "Новинки"-http://homeartshop.r...log/popularnyje, "Популярные сюжеты"

#87 Ivan_M

Ivan_M

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

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

Отправлено 06 Октябрь 2013 - 20:15

"Новая" цена должна быть под "старой" ценой, например как в разделе http://homeartshop.r...log/popularnyje

а на странице любого товара, внизу "с этим товаром смотрят" выходит наслоение, прошу помочь!
Изображение

Так же прошу прописать как реализовать на главной странице все характеристики товара (под товаром) и надпись "нет в наличии" (если товара нет)
Сейчас это реализовано в разделе "Новинки"-http://homeartshop.r...log/popularnyje, "Популярные сюжеты"

#88 Stasya

Stasya

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

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

Отправлено 07 Октябрь 2013 - 00:25

1. В шаблоне Товар
<div class="goodsListItemPriceNew">
		 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
		 </div>
<div class="goodsListItemPriceOld">
		 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
		 <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
		 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
		 <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
		 {% ENDIF %}
		 </div>

и замените его на
<div class="goodsListItemPriceNew">
		 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
		 </div>
Затем в файл main.css добавьте блок
.goodsListItemPriceNew {
float: left;
}

2. В шаблоне HTML найдите блок
{% FOR index_page_new_goods %}
				 <td class="goodsListItem">
					 <div class="goodsListItemBlock withBorder cornerAll">
					 <div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
					 <h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
и после него вставьте блок
{% FOR index_page_new_goods %}
				 <td class="goodsListItem">
					 <div class="goodsListItemBlock withBorder cornerAll">
					 <div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
					 <h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>

Теперь найдите блок
{% FOR index_page_favorites_goods %}
				 <td class="goodsListItem">
					 <div class="goodsListItemBlock withBorder cornerAll">
					 <div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
					 <h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
и после него вставьте блок
<div class="goodsDataFeatures" style="height: 51px;">
<table class="goodsDataFeatures{goods.ID}">
	 {% FOR goods_attr_list%}
<tr>
			 <td>
		 <p><span>{index_page_favorites_goods.goods_attr_list.NAME}</span></p>
			 </td>
			 <td>
		 {index_page_favorites_goods.goods_attr_list.VALUE}
			 </td>
</tr>
	 {% ENDFOR %}
</table>
</div>
<div rel="false" class="available-false" {% IF index_page_favorites_goods.MAX_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>

И теперь найдите блок
{% FOR index_page_goods %}
				 <td class="goodsListItem">
					 <div class="goodsListItemBlock withBorder cornerAll">
					 <div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
					 <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
						
и после него вставьте блок  
<div class="goodsDataFeatures" style="height: 51px;">
<table class="goodsDataFeatures{goods.ID}">
		{% FOR goods_attr_list%}
   <tr>
				<td>	
		   <p><span>{index_page_goods.goods_attr_list.NAME}</span></p>
				</td>
				<td>
		  {index_page_goods.goods_attr_list.VALUE}
				</td>
   </tr>
		{% ENDFOR %}
</table>
</div>
<div rel="false" class="available-false" {% IF index_page_goods.MAX_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>





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

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