Перейти к содержанию
Форум поддержки пользователей VamShop

Разделитель между колонками товаров


Рекомендуемые сообщения

Всем привет.

Если кто знает как сделать разделители между колонками и строками товаров, как на этом сайте http://www.supero.ru/

объясните пожалусто,чето я понять не могу как так делается :(

Ссылка на сообщение
Поделиться на другие сайты

Я вроде как-то выкладывал пример, сейчас попробую поиском найти.

Вобщем, можно использовать cycle values

Вот в faq - http://vamshop.ru/node/29

Есть пример для зебры, а в случае шаблона, ты в первом занчении cycle пиши html-код полоски, во втором - пусто.

Тогда получится, что html-код полоски будет выводится через раз, т.е. через один товар, а не после каждого товара.

т.е. просто поэкспериментируй с cycle values

Я так делал эти полоски.

т.е. как-то так:


{cycle values="<img src="картинка-полоска">,"}
[/code]

Ссылка на сообщение
Поделиться на другие сайты

Что-то не могу найти ту тему, вобщем, ты попробуй с cycle, можно с помощью cycle сделать такие полоски, т.е. что б они выводились не после каждого товара, а например через 2 товара или через три.

Если через три, тогда cycle должен быть примерно такой:


{cycle values="<img src="картинка-полоска">,",''}
[/code]

img src я для примера привёл, там может быть и обычный html-код, например ячейки таблицы td ... /td или любой другой код.

Ссылка на сообщение
Поделиться на другие сайты

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

{config_load file="$language/lang_$language.conf" section="index"}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="21" height="22"><img src="http://test1.ru/my/u1.jpg" width="21" height="22" /></td>
    <td style="background-image:url(http://test1.ru/my/bot_2.jpg)">&nbsp;</td>
    <td width="21"><img src="http://test1.ru/my/u2.jpg" width="21" height="22" /></td>
  </tr>
  <tr>
    <td style="background-image:url(http://test1.ru/my/bok_left.jpg)">&nbsp;</td>
    <td style="background-color:#FFFFFF;">
   
   
   
   
    <form id="advanced_search" action="advanced_search_result.php" method="get" onsubmit="return check_form(this);">
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="5">Подобрать по цене:</td>
      </tr>
    <tr>
      <td width="60"><strong>Цена от:</strong></td>
      <td width="110"><input name="pfrom" type="text" size="15" /></td>
      <td width="35" align="center"><strong>до:</strong></td>
      <td><input name="pto" type="text" size="15" /></td>
      <td>&nbsp;</td>
      <td valign="top">{if $MANUFACTURER_DROPDOWN}<br />
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="main" align="right"><table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td class="main" align="right">{#text_show#}&nbsp;</td>
                  <td class="main" align="right">{$MANUFACTURER_DROPDOWN}</td>
                </tr>
            </table></td>
          </tr>
        </table>
        {/if} </td>
    </tr>
  </table>
  <!-- /форма -->


</form>
   
   
   
   
    </td>
    <td style="background-image:url(http://test1.ru/my/bok_right.jpg)">&nbsp;</td>
  </tr>
  <tr>
    <td width="21"><img src="http://test1.ru/my/u4.jpg" width="21" height="22" /></td>
    <td style="background-image:url(http://test1.ru/my/bot_1.jpg)">&nbsp;</td>
    <td width="21"><img src="http://test1.ru/my/u3.jpg" width="21" height="22" /></td>
  </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td class="contentsTopics">{$CATEGORIES_HEADING_TITLE}</td>
  </tr>
 
</table>





{if $CATEGORIES_DESCRIPTION}<br />
{$CATEGORIES_DESCRIPTION}{/if}<br />{if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" />
<br />





<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="border-bottom: 1px solid; border-color: #000000;">&nbsp;</td>
  </tr>
</table>
{/if}
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="21" height="22"><img src="http://test1.ru/my/u1.jpg" width="21" height="22" /></td>
    <td style="background-image:url(http://test1.ru/my/bot_2.jpg)">&nbsp;</td>
    <td width="21"><img src="http://test1.ru/my/u2.jpg" width="21" height="22" /></td>
  </tr>
  <tr>
    <td style="background-image:url(http://test1.ru/my/bok_left.jpg)">&nbsp;</td>
    <td style="background-color:#FFFFFF;">






<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom:1px solid #666666;">
<tr>

          {foreach name=aussen item=module_data from=$module_content}
  {php} $col++;
  {/php}
    <td class="main" valign="top">
   
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr height="90" class="contentBoxContents1" valign="top">
    <td height="90" class="contentBoxContents1" valign="top">
      <table width="370" border="0" cellpadding="0" cellspacing="4" cellpaddind="0" {cycle values="style='border-bottom:1px solid red;',"}>
     
     
 
     
      <tr>
        <td class="contents" valign="top" align="center">
        <div class="bubbleInfo">
        {if $module_data.PRODUCTS_IMAGE}<a href="{$module_data.PRODUCTS_LINK}"><img class="trigger" id="download"  src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" title="{$module_data.PRODUCTS_NAME}" /></a><br />
        {/if}
</div>
</td>
                                                 
    <td valign="top" class="contents">
      <strong><span class="pln"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></span></strong><br />
      <br />
      Чтобы ознакомиться с данной позицией,нажмите кнопку &quot;Детали&quot;</td>
    </tr>
   
<tr>

    <td width="100%" colspan="2" align="center" valign="top" class="contents"><table width="100%" border="0" cellpadding="3" cellspacing="0" style="border-top: 1px solid #CCCCCC;">
      <tr>
        <td class="pprice" style="borser-right:1px solid #cccccc; padding-left:7px;"><strong>{$module_data.PRODUCTS_PRICE}</strong></td>
        <td><table background="{$tpl_path}img/bgbox.gif" width="75%" cellpadding="0" cellspacing="0">
  <tr></tr>
  <tr>
    <td align="center"> {$module_data.PRODUCTS_BUTTON_BUY_NOW_NEW} </td>
  </tr>
</table></td>
      </tr>
    </table></td>


</tr>   
   
    </table>
  </td>
<td class="{cycle values=border_r}",''></td>
  </tr>
</table>   
   

</td>
  {php}
  if ($col>=2) {
  $col=0;
  echo '</tr><tr>';
  }
  {/php}
  {/foreach} 

  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
{$NAVIGATION}
</td>
</tr>
</table>
[/code]

Ссылка на сообщение
Поделиться на другие сайты

Ты только css класс в cycle ставишь, а ведь сама ячейка всегда отображается, только в одном случае без класса border_r, в другом с классом, но ячейка ведь в любом случае выводится.

Попробуй всю ячейку в cycle поставить, т.е. вместо:


<td class="{cycle values=border_r}",''></td>
[/code] попробуй как-то так:
[code]
{cycle values='','<td class="border_r"></td>'}

Ссылка на сообщение
Поделиться на другие сайты

Начинай с малого.

Вот например вставь такой блок foreach..../foreah:


          {foreach name=aussen item=module_data from=$module_content}
  {php} $col++;
  {/php}
    <td class="main" valign="top">

<table border=1>
<tr>
<td>
---
</td>
{cycle values=<td>gg</td>,}
</tr>
</table>

</td>
  {php}
  if ($col>=2) {
  $col=0;
  echo '</tr><tr>';
  }
  {/php}
  {/foreach}
[/code]

Вот видишь, я чейка с gg выводится через раз.

Вот это и есть заготовка для этих твоих полосочек.

Ссылка на сообщение
Поделиться на другие сайты

Саш,смотри,я ставлю вместо gg однопиксельную картинку,атрибутами ее растягиваю,и вместо того чтобы показались перегородки между позициями товаров у меня выдает вот это

Fatal error: Smarty error: [in my/module/product_listing/product_listing_columns.html line 142]: syntax error: invalid attribute name: '/>,' (Smarty_Compiler.class.php, line 1547) in Z:\home\test1.ru\www\includes\external\smarty\Smarty.class.php on line 1095

Ссылка на сообщение
Поделиться на другие сайты

Саш,может поможешь отредактировать код,я с этим не сталкивался ни разу,а надо сделать,вот и туплю сижу,только толку от моей тупости мало:(

Ссылка на сообщение
Поделиться на другие сайты

Вотон код:

{config_load file="$language/lang_$language.conf" section="index"}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="21" height="22"><img src="http://test1.ru/my/u1.jpg" width="21" height="22" /></td>
    <td style="background-image:url(http://test1.ru/my/bot_2.jpg)">&nbsp;</td>
    <td width="21"><img src="http://test1.ru/my/u2.jpg" width="21" height="22" /></td>
  </tr>
  <tr>
    <td style="background-image:url(http://test1.ru/my/bok_left.jpg)">&nbsp;</td>
    <td style="background-color:#FFFFFF;">
   
   
   
   
    <form id="advanced_search" action="advanced_search_result.php" method="get" onsubmit="return check_form(this);">
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="5">Подобрать по цене:</td>
      </tr>
    <tr>
      <td width="60"><strong>Цена от:</strong></td>
      <td width="110"><input name="pfrom" type="text" size="15" /></td>
      <td width="35" align="center"><strong>до:</strong></td>
      <td><input name="pto" type="text" size="15" /></td>
      <td>&nbsp;</td>
      <td valign="top">{if $MANUFACTURER_DROPDOWN}<br />
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="main" align="right"><table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td class="main" align="right">{#text_show#}&nbsp;</td>
                  <td class="main" align="right">{$MANUFACTURER_DROPDOWN}</td>
                </tr>
            </table></td>
          </tr>
        </table>
        {/if} </td>
    </tr>
  </table>
  <!-- /форма -->


</form>
   
   
   
   
    </td>
    <td style="background-image:url(http://test1.ru/my/bok_right.jpg)">&nbsp;</td>
  </tr>
  <tr>
    <td width="21"><img src="http://test1.ru/my/u4.jpg" width="21" height="22" /></td>
    <td style="background-image:url(http://test1.ru/my/bot_1.jpg)">&nbsp;</td>
    <td width="21"><img src="http://test1.ru/my/u3.jpg" width="21" height="22" /></td>
  </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td class="contentsTopics">{$CATEGORIES_HEADING_TITLE}</td>
  </tr>
 
</table>





{if $CATEGORIES_DESCRIPTION}<br />
{$CATEGORIES_DESCRIPTION}{/if}<br />{if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" />
<br />





<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="border-bottom: 1px solid; border-color: #000000;">&nbsp;</td>
  </tr>
</table>
{/if}
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="21" height="22"><img src="http://test1.ru/my/u1.jpg" width="21" height="22" /></td>
    <td style="background-image:url(http://test1.ru/my/bot_2.jpg)">&nbsp;</td>
    <td width="21"><img src="http://test1.ru/my/u2.jpg" width="21" height="22" /></td>
  </tr>
  <tr>
    <td style="background-image:url(http://test1.ru/my/bok_left.jpg)">&nbsp;</td>
    <td style="background-color:#FFFFFF;">






<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom:1px solid #666666;">
<tr>

          {foreach name=aussen item=module_data from=$module_content}
  {php} $col++;
  {/php}
    <td class="main" valign="top">
   
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr height="90" class="contentBoxContents1" valign="top">
    <td height="90" class="contentBoxContents1" valign="top">
      <table width="370" border="0" cellpadding="0" cellspacing="4" cellpaddind="0" {cycle values="style='border-bottom:1px solid red;',"}>
     
     
 
     
      <tr>
        <td class="contents" valign="top" align="center">
        <div class="bubbleInfo">
        {if $module_data.PRODUCTS_IMAGE}<a href="{$module_data.PRODUCTS_LINK}"><img class="trigger" id="download"  src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" title="{$module_data.PRODUCTS_NAME}" /></a><br />
        {/if}
</div>
</td>
                                                 
    <td valign="top" class="contents">
      <strong><span class="pln"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></span></strong><br />
      <br />
      Чтобы ознакомиться с данной позицией,нажмите кнопку &quot;Детали&quot;</td>
    </tr>
   
<tr>

    <td width="100%" colspan="2" align="center" valign="top" class="contents"><table width="100%" border="0" cellpadding="3" cellspacing="0" style="border-top: 1px solid #CCCCCC;">
      <tr>
        <td class="pprice" style="borser-right:1px solid #cccccc; padding-left:7px;"><strong>{$module_data.PRODUCTS_PRICE}</strong></td>
        <td><table background="{$tpl_path}img/bgbox.gif" width="75%" cellpadding="0" cellspacing="0">
  <tr></tr>
  <tr>
    <td align="center"> {$module_data.PRODUCTS_BUTTON_BUY_NOW_NEW} </td>
  </tr>
</table></td>
      </tr>
    </table></td>


</tr>   
   
    </table>
  </td>
{cycle values=<td><img src="http://test1.ru/my/item.jpg"></td>,}
  </tr>
</table>   
   

</td>
  {php}
  if ($col>=2) {
  $col=0;
  echo '</tr><tr>';
  }
  {/php}
  {/foreach} 

  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
{$NAVIGATION}
</td>
</tr>
</table>[/code]

Ссылка на сообщение
Поделиться на другие сайты

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

http://vamshop.ru/forum/index.php?topic=504.0

Ссылка на сообщение
Поделиться на другие сайты

Вот с нижней полоской точно не могу сказать, сам никогда не делал.

Может тоже через cycle?!

Только в цикле tr ... /tr вставлять?!

Ссылка на сообщение
Поделиться на другие сайты
  • 2 months later...

Я скопировал код из предыдущего топика. Горизонтальная полоска идеально получилась, а вот вертикальная нет. стоит только одна точка. Где ошибка?

Ссылка на сообщение
Поделиться на другие сайты

Не знаю где ошибка, Вы б хоть живую ссылку дали, наугад еж всё равно не скажешь.

Я ведь показал лишь пример, как это можно сделать, а не готовый вариант на все случаи жизни.

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

Вам нужно просто наверное прописывать ещё один cycle ... /cycle для вертикальной полоски.

Может неправильно просто прописали.

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...