#26 2011-09-23 15:48

mdss
Пользователь

Re: Оформление списков товаров

понял, спасибо

Неактивен

 

#27 2011-09-23 16:00

sitennov
Пользователь

Re: Оформление списков товаров

Спасибо за помощь, все работает )

Неактивен

 

#28 2012-06-27 12:14

Snyper
Пользователь

Re: Оформление списков товаров

Эта тема, вроде, наиболее подходящая.
Поэтому отпишусь здесь.
http://elvan-bathroom.ru/
Работаю на широкоформатнике, но хочу оптимизировать сайт и под низкое разрешение.
Минимальным решил считать1024х768
Поэтому, после проверки решил изменить количество столбцов на витрине и в просмотре категорий.
Теперь хочу переместить название категории под картинку категории. Сделать это нужно только на витрине. В категориях не нужно.
Подскажите, пожалуйста, как это сделать? И подровнять, скажем, по центру.

Отредактировано Snyper (2012-06-27 12:15)

Неактивен

 

#29 2012-06-27 12:51

Snyper
Пользователь

Re: Оформление списков товаров

Нашел решение сам.
Изменил код шаблона: /published/SC/html/scripts/templates/frontend/root_categories.html
по сути - просто убрал ячейки таблицы... и пришлось количество продуктов в категории прикрепить к ссылке, чтобы не переносилось на следующую строку.

Код:

<table width="100%" border="0" cellpadding="5">
{foreach from=$root_categories item=_cat name=_fr}
    {if $smarty.foreach._fr.index%$columnCount ==0}<tr>{/if}
    {assign var=_cat_url value="?categoryID=`$_cat.categoryID`&category_slug=`$_cat.slug`"|set_query_html}
    {if $_cat.picture ne "" && $PAGE_VIEW ne 'mobile'}
    <td width="1%" align="center" class="cat_image">
    <a href='{$_cat_url}'>
        <img border="0" src="{$smarty.const.URL_PRODUCTS_PICTURES}/{$_cat.picture|escape:'url'}" alt="{$_cat.name|escape:'html'}">
    </a>
    <br/>
    {else}
    <a href='{$_cat_url}' class="home_page_category_logo">
    </a>
    {/if}
        <a href='{$_cat_url}' class="rcat_root_category">{$_cat.name|escape:'html'|default:'(no name)'} <span class="rcat_products_num">&nbsp[{$_cat.products_count}]</span></a>
        <div class="rcat_child_categories">
        {* show sub categories *}
{foreach name=sub_cat_list from=$root_categories_subs[$_cat.categoryID] item=_subcat}
    {if $subcategories_numberlimit&&(!$smarty.foreach.sub_cat_list.first)&&($smarty.foreach.sub_cat_list.iteration==$subcategories_numberlimit)}
        &nbsp;...
    {elseif !$subcategories_numberlimit||$subcategories_numberlimit&&($smarty.foreach.sub_cat_list.iteration<$subcategories_numberlimit)}    
        {if !$smarty.foreach.sub_cat_list.first}{$subcategories_delimiter|escape:'html'}{/if}
        <a href='{"?categoryID=`$_subcat.categoryID`&category_slug=`$_subcat.slug`"|set_query_html}'>{$_subcat.name|escape:'html'}</a>
    {/if}
{/foreach}
        </div>
    </td>
    {if ($smarty.foreach._fr.index+1)%$columnCount ==0}</tr>{/if}
{/foreach}
</table>

Отредактировано Snyper (2012-06-27 12:54)

Неактивен

 

#30 2012-07-02 12:41

Erchard
Пользователь

Re: Оформление списков товаров

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

Неактивен

 

#31 2012-07-17 15:24

Sofya
Пользователь

Re: Оформление списков товаров

rat написал:

1. В файле published/SC/html/scripts/modules/cptmanager/_methods/product_lists.php после

Код:

$smarty->assign('__block_height', intval($local_settings['block_height']));

добавьте

Код:

$smarty->assign('list_id', $productList->id);

2. Используйте в файле product_list.html условие вида

Код:

{if $list_id eq 'my_first_list'}
дизайн первого списка
{elseif $list_id eq 'my_second_list'}
дизайн второго списка
{/if}

товарищи, не кидайте помидорами, но я далека от вашего уровня
вот тут "

Код:

{if $list_id eq 'my_first_list'}"

вместо my_first_list я должна прописать название списка у меня в латинице?
а где прописать, что крепится такой то фон...лежит там то...?

Неактивен

 

#32 2012-07-17 17:05

rat
Администратор

Re: Оформление списков товаров

1. Вместо my_first_list нужно написать ID списка, созданного в разделе Продукты → Списки.
2. Используйте CSS-классы, а стили для классов указывайте во встроенном CSS-редакторе. Если не знаете, что такое CSS, изучайте — это должен знать каждый: http://htmlbook.ru/samcss

Неактивен

 

#33 2012-08-28 17:54

kozali
Пользователь

Re: Оформление списков товаров

Rat, надеюсь, ответите. Давно пользуюсь Вашими советами на форуме этом, спасибо. На этот раз сам не смог найти ответ на свой вопрос.
Два раза на главной (home.html) вызываю листы продуктов, в разных местах,
...
{cpt_product_lists list_id='specialoffers' categories_col_num='4' block_height='' overridestyle=''}
...
{cpt_product_lists list_id='featured' categories_col_num='3' block_height='' overridestyle=''}
...

В файле product_list.html все хорошо, идет обработка и списки появляются, но второй список встает в тот же контейнер, что и первый, исчезая со своего места, оставляя пустой div:
<div class="cpt_product_lists"></div>

Думаю, что дело в обработчике cpt-шек, но пока не могу разобраться.
Сможете помочь?

Неактивен

 

#34 2012-08-28 18:29

drdr
Пользователь

Re: Оформление списков товаров

kozali, смотри здесь:
http://forum.webasyst.ru/viewtopic.php?id=15140
Сможешь присвоить разные id блокам списков и ничего исчезать не будет
Типо, так

{cpt_product_lists list_id='specialoffers' categories_col_num='4' block_height='' overridestyle='' id="my_spec"}
...
{cpt_product_lists list_id='featured' categories_col_num='3' block_height='' overridestyle='' id="my_feat"}

Очень полезная доработка, спасибо Рэту smile

Отредактировано drdr (2012-08-28 18:30)

Неактивен

 

#35 2012-08-29 14:53

Grey
Пользователь

Re: Оформление списков товаров

Подскажите, пожалуйста, с что и где надо прописать, что бы при уменьшении окна браузера картинки в списке товаров на витрине не зализали друг на друга?
http://forum.webasyst.ru/uploads/thumbs/9341_vitrina.jpg
Этот косяк происходит только со списком продукции на витрине, если выводить список через поиск или как-либо ещё всё нормально отображается. Пробовал ковыряться в CSS с margin и padding, не выходит. Нужно редактировать product_lists.html?

Неактивен

 

#36 2012-08-30 17:14

kozali
Пользователь

Re: Оформление списков товаров

kozali, смотри здесь:
http://forum.webasyst.ru/viewtopic.php?id=15140

то, что доктор прописал, спасибо.

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

Дайте ссылку на сайт, возможно хватит правила для css.

Неактивен

 

#37 2012-08-30 19:23

Voffka
Пользователь

Re: Оформление списков товаров

Grey написал:

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

Задайте минимальную ширину для блока. Например, так

Код:

div.item { 
    min-width: 400px;
}

Отредактировано Voffka (2012-08-30 19:24)

Неактивен

 

#38 2012-08-31 11:34

Grey
Пользователь

Re: Оформление списков товаров

Вот ссылка на сайт svet-goroda.ru

Voffka написал:

Задайте минимальную ширину для блока. Например, так

Код:

div.item { 
    min-width: 400px;
}

А где именно это нужно прописывать?

Неактивен

 

#39 2012-08-31 17:24

Grey
Пользователь

Re: Оформление списков товаров

Voffka написал:

Задайте минимальную ширину для блока. Например, так

Код:

div.item { 
    min-width: 400px;
}

Спасибо за подсказку! Разобрался, что надо вставлять в CSS, но при этом способе начинает срабатывать перенос. То есть если сворачивать окно, вместо трех столбцов с товаром становиться два столбца, а часть переноситься ниже на строчку.
Не могу понять, где надо вставить это значение в CSS, что бы определялась минимальная ширина для всей области списка "лидеры продаж".  .cpt_product_lists не подходит sad

Неактивен

 

#40 2012-09-01 14:06

Voffka
Пользователь

Re: Оформление списков товаров

Grey, попробуйте вот так:

Код:

.cbox1 { min-width: 600px; }

.cbox1 вроде больше нигде не используется, кроме этих списков. Если я ошибаюсь, то оберните списки в ещё один div и задайте ширину для него.

Отредактировано Voffka (2012-09-01 14:09)

Неактивен

 

#41 2012-09-03 12:46

Grey
Пользователь

Re: Оформление списков товаров

Спасибо большое, Voffka! Всё получилось!

Неактивен

 

#42 2014-05-12 12:36

Grey
Пользователь

Re: Оформление списков товаров

Подскажите, пожалуйста, с решением одной проблемы.
Как сделать, что бы товары из области "специальные предложения", внизу витрины, располагались не вертикально, а горизонтально? http://www.ventodimare.ru/
По предыдущим комментариям понял, что нужно вносить изменения в product_list.html, но какие именно и где не могу разобраться.

Код:

<div class="{if $__list_id neq 'random'}cbox1{else}cbox11{/if}">
<h1>{if $__list_id=='hit'}Лидеры продаж{/if}
{if $__list_id eq 'sale'}Распродажа{/if}{if $__list_id eq 'newnew'}Новинки от производителей{/if}{if $__list_id eq 'random'}{*<font color="white">Спец.предложения</font>*}{/if}
</h1>
{foreach from=$__products item=_product}

{if $_product.slug}

{assign var=_product_url value="?productID=`$_product.productID`&product_slug=`$_product.slug`"|set_query_html}

{else}

{assign var=_product_url value="?productID=`$_product.productID`"|set_query_html}

{/if}


<div class="item{if $__list_id eq 'random'}11{/if}">
  <div class="itembox">{*if $__list_id neq 'random'}<img src="{$smarty.const.URL_IMAGES}/{if $__list_id eq 'hit'}hit.png{/if}{if $__list_id eq 'sale'}sale.png{/if}{if $__list_id eq 'newnew'}new.png{/if}" alt="ХИТ" class="ico">{/if*}
  <a href="{$_product_url}"><img src="{$smarty.const.URL_PRODUCTS_PICTURES}/{$_product.thumbnail|escape:'url'}" alt="{$_product.name|escape:'html'}" {*if $__list_id eq 'random'}style="border:6px solid #E6EFCC;"{/if*}></a>
    <div class="item_price"> {if $__list_id eq 'random'}<font style="font-size:75%;">{/if}{$_product.price_str}{if $__list_id eq 'random'}</font>{/if} <span class="tobasket" id="id52"><a href="{$_product_url}"><img src="{$smarty.const.URL_IMAGES}/tobasket_2.png"></a></span></div>
    <div class="item_name"><a href="{$_product_url}" {if $__list_id eq 'random'}style="color:white;"{/if}>{$_product.name}</a><br>
      </div>
  </div>
</div>


{/foreach}
 <div class="clear"></div>
</div>

Можно как-то прописать количество столбцов?

Неактивен

 

#43 2014-05-12 14:50

jekky25
Пользователь

Re: Оформление списков товаров

у вас ячейки дивами сделаны, а не таблицей. Тут либо добавить к каждой ячейке float:left; либо переверстать под таблицу.

Неактивен

 

#44 2014-05-12 16:38

Grey
Пользователь

Re: Оформление списков товаров

Спасибо, jekky25. Сделал через float: left; прописав в CSS:

Код:

div.item {
width: 33%;
float: left;}

Если кто тоже столкнется с такой проблемой, то width: 33%; - делает выравнивание трёх ячеек продукта по ширине.

Неактивен

 

Board footer

Powered by PunBB