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


Отображение Товаров "Таблице" - На Главной Странице


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

#21 Vaccina

Vaccina

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

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

Отправлено 09 Ноябрь 2011 - 21:36

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

#22 katty_k

katty_k

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

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

Отправлено 10 Ноябрь 2011 - 07:51

попыталась еще раз переделать все, но у меня не ровно теперь расположены товары, помогите пожалуйста.
вот код:
<table>
					{% FOR index_page_goods %}
					 <td class="goodslistItem">
					  <div class="goodsListItemBlock withBorder cornerAll">
					   <table class="goodsListItemImage">
						 <tr>
						 <td>
<a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %} "alt="{index_page_goods.NAME}" /></a>
				  
						</td>
						 </tr>
						  </table>

						   <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
							<div class="goodsListItemPriceNew">					   
							 <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
							  </div>  
								<div class="goodsListItemPriceOld">
							{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							   <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							{% ELSEIF index_page_goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							  <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
							{% ENDIF %}
							 </div>
							</div>
						   </td>
							{index_page_goods.index | is_divided("3","</tr><tr>","")}
				  {% ENDFOR index_page_goods %}
				   </table>
И вот что получилось:

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

  • Безымянный 1.jpg


#23 Vaccina

Vaccina

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

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

Отправлено 10 Ноябрь 2011 - 18:44

Попробуйте изменить в блоке goodslistItem на goodsListItem вся проблема в регистре одной букве L

#24 katty_k

katty_k

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

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

Отправлено 10 Ноябрь 2011 - 20:46

Спасибо.

#25 Flor@@@

Flor@@@

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

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

Отправлено 22 Декабрь 2011 - 06:58

добрый день,
я пытаюсь отобразить каталог на главной:
вставила вот такой код, но тишина, товары на главной не появились.

<!-- Список товаров на главной -->

       <table>                    {% FOR index_page_goods %}
                     <td class="goodslistItem">
                      
<div class="goodsListItemBlock withBorder cornerAll">
                      
<table class="goodsListItemImage">
                        
<tr>
                        
<td>
<a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %} "alt="{index_page_goods.NAME}" /></a>
                  
                        
</td>
                        
</tr>
                          
</table>

                          
<h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
                            
<div class="goodsListItemPriceNew">                      
                            
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
                              
</div>  
                                
<div class="goodsListItemPriceOld">
                            {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
                              
<a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
                            {% ELSEIF index_page_goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
                              
<a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
                            {% ENDIF %}
                            
</div>
                            
</div>
                          
</td>
                            {index_page_goods.index | is_divided("3","
</tr><tr>","")}
                  {% ENDFOR index_page_goods %}
                  
</table>           <!-- end Список товаров на главной -->

#26 Vaccina

Vaccina

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

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

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

По идее данный код по умолчанию присутствует в шаблоне "HTML", так же что бы данный код начал выводить товары - нужно что бы товары присутствовали в категории "Товары на главной"

#27 Flor@@@

Flor@@@

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

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

Отправлено 22 Декабрь 2011 - 22:11

спасибо большое. поняла и исправила, но у меня никак не получается уменьшить блоки, уменьшая width и height и  поставить товары по 4 шт в ряд.

#28 Vaccina

Vaccina

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

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

Отправлено 23 Декабрь 2011 - 17:50

Для изменения кол-во вывода товара в строку нужно увеличить значение с 3х до необходимого в след. строке
{index_page_goods.index | is_divided("3","</tr><tr>","")}

так же можно поступить с другими аналогичными блоками найдя
is_divided("3","</tr><tr>","")
и изменив число на необходимое.

#29 Flor@@@

Flor@@@

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

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

Отправлено 23 Декабрь 2011 - 17:56

Просмотр сообщенияVaccina (23 Декабрь 2011 - 17:50) писал:

Для изменения кол-во вывода товара в строку нужно увеличить значение с 3х до необходимого в след. строке
{index_page_goods.index | is_divided("3","</tr><tr>","")}

так же можно поступить с другими аналогичными блоками найдя
is_divided("3","</tr><tr>","")
и изменив число на необходимое.
спасибо огромное, но у меня правда все равно не получается уменьшить ширину самих блоков через вот эти коды:
<br style="color: rgb(28, 40, 55); line-height: 19px; background-color: rgb(243, 249, 246); ">.goodsListItemBlock {
    height
: 300px;
    margin
: 5px;
    overflow
: hidden;
    width
: 210px;
}.goodsListItem {
    overflow
: hidden;
    padding
: 0;
    text
-align: center;
    vertical
-align: top;
    width
: 195px;
}<br style="color: rgb(28, 40, 55); line-height: 19px; background-color: rgb(243, 249, 246); ">



#30 Vaccina

Vaccina

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

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

Отправлено 24 Декабрь 2011 - 17:34

Ширину блоков вы можете изменить в классе

.goodsListItemBlock {
	height: 300px;
	margin: 5px;
	overflow: hidden;
	width: 210px;
}

меняя значение свойства width

#31 Flor@@@

Flor@@@

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

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

Отправлено 25 Декабрь 2011 - 07:05

поменяла давно, у меня этот блок выглядит вот так:

.goodsListItemBlock {
    height: 120px;
    margin: 5px;
    overflow: hidden;
    width: 140px;
}

а блоки как шли широкими так и идут..

#32 smit

smit

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

  • Пользователи
  • PipPipPip
  • 144 сообщений
  • ГородСПб

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

Просмотр сообщенияVaccina (08 Июль 2011 - 22:35) писал:

для этого нужно перенести код генерации продукта из шаблона "Товары" в шаблон "html"

Открываем шабон "html", находим

{% FOR index_page_new_goods %}
					  <div class="listing">
						<div class="imagem"><a href="{index_page_new_goods.URL}"><img {% IF index_page_new_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_new_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_new_goods.NAME}" /></a></div>
				  
						<div class="contm">
						  <h3><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
						  <p>
							{index_page_new_goods.DESCRIPTION_SHORT}
						  </p>
						  <p>
							Цена сейчас: <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a><br />
							{% 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 %}
						  </p>
						  <p>
							<a class="readmore" title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL}">Подробнее</a>
						  </p>
						</div>
						<div class="clr"></div>
					  </div>
				  {% ENDFOR index_page_new_goods %}

далее просто заменяем на

<table>
		{% FOR index_page_new_goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{index_page_new_goods.URL}"><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>
			  
			  <h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
			  <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>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 %}
	  </table>

Если потребуется изменить не только новинки, но и другие блоки - то все делается по аналогии, и сами блоки похожи, только меняются переменные шаблона




чёта помоему наоборот...




#33 Vaccina

Vaccina

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

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

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

Цитата

поменяла давно, у меня этот блок выглядит вот так:

.goodsListItemBlock {
height: 120px;
margin: 5px;
overflow: hidden;
width: 140px;
}

а блоки как шли широкими так и идут..

Данный класс был взят с вашего сайта. Как я понимаю вы не заменили стандартный а добавили новый - и он переопределяется старым классом.

Просто найдите дубликат и удалите его

.goodsListItemBlock {
	height: 300px;
	margin: 5px;
	overflow: hidden;
	width: 210px;
}

Цитата

чёта помоему наоборот...

Не совсем понятен ваш вопрос. Пожалуйста, опишите его подробнее.

#34 Flor@@@

Flor@@@

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

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

Отправлено 30 Декабрь 2011 - 08:37

Нашла, спасибо большое.

Еще вопрос:

получается у меня вся вот эта запись продублирована:

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




Откуда лучше удалять тогда? 



#35 Vaccina

Vaccina

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

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

Отправлено 30 Декабрь 2011 - 13:23

Вам нужно удалять то что не нужно (или не используется). По идее у вас не все блоки дублируются а некоторые. Например этот блок переопределяется и соот. не используется

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 115px;
}

main.css (строка 469)

#36 Flor@@@

Flor@@@

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

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

Отправлено 31 Декабрь 2011 - 00:53

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

#37 Vaccina

Vaccina

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

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

Отправлено 09 Январь 2012 - 11:36

к сожалению это невозможно

#38 Flor@@@

Flor@@@

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

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

Отправлено 22 Январь 2012 - 21:12

спасибо ваша информация помогла, но теперь у меня баннер на главную страницу:(   ставится не НАД товарами, а под ними. Как прописать, чтобы баннер стоял сверху?

#39 Vaccina

Vaccina

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

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

Отправлено 23 Январь 2012 - 19:56

Пожалуйста приложите скриншот. Так как при просмотре вашего сайта баннер swf отображается над товарами. Быть может вы имели в виду другой баннер?

#40 Flor@@@

Flor@@@

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

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

Отправлено 23 Январь 2012 - 21:12

тема пока что не актуально, извините меня.




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

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