[Помощь] Упорядочить разделы на главной странице. Как?

Тема в разделе "WebAsyst", создана пользователем wwizard, 28 мар 2013.

Модераторы: mdss
  1. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    Как упорядочить разделы на главной странице, чтобы не было что левая колонка меньше центр больше, и т.д. Как их сделать полее "удобоваримыми" т.е. аккуратными?
    razdel.jpg
     
  2. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    неужели никто не знает?
     
  3. kadurinho

    kadurinho

    Регистр.:
    21 июн 2011
    Сообщения:
    601
    Симпатии:
    242
    Знает. Приложите код с файла root_categories.html находится папке \published\SC\html\scripts\templates\frontend\
     
  4. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    Вот сам код

    Код:
    <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>
        </td>
        {else}
        <td width="1%" align="center" class="cat_image">
        <a href='{$_cat_url}' class="home_page_category_logo">
           
        </a>
        </td>
        {/if}
     
        <td class="cat_name">
            <a href='{$_cat_url}' class="rcat_root_category">{$_cat.name|escape:'html'|default:'(no name)'}</a> <span class="rcat_products_num">[{$_cat.products_count}]</span>
            <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>
     
  5. kadurinho

    kadurinho

    Регистр.:
    21 июн 2011
    Сообщения:
    601
    Симпатии:
    242
    замените свое содержимое на код ниже

    Код:
    <div style="width:100%; float:left;">
    {foreach from=$root_categories item=_cat name=_fr}
        <div style="float:left; width:30%; margin-right:15px; margin-bottom:15px;">
          <table width="100%" style="padding:0; margin:0;">
                <tr>
                    <td valign="top">
                        {if $_cat.picture ne "" && $PAGE_VIEW ne 'mobile'}
                            <a href='{$_cat_url}'>
                                <img border="0" src="{$smarty.const.URL_PRODUCTS_PICTURES}/{$_cat.picture|escape:'url'}" alt="{$_cat.name|escape:'html'}">
                            </a>
                        {else}
                            <a href='{$_cat_url}' class="home_page_category_logo"></a>
                        {/if}
                    </td>
                    <td valign="top">
                        <a href='{$_cat_url}' class="rcat_root_category">{$_cat.name|escape:'html'|default:'(no name)'}</a>
                        <span class="rcat_products_num">[{$_cat.products_count}]</span>
                        <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>
                </tr>
          </table>
        </div>
    {/foreach}
    </div>
    
     
  6. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    Теперь стало почти хорошо, за исключением некоторых названий которые почему то стали по центру, в не зависимости есть или нету подразделов под ними
     

    Вложения:

    • 2.png
      2.png
      Размер файла:
      164,4 КБ
      Просмотров:
      26
  7. kadurinho

    kadurinho

    Регистр.:
    21 июн 2011
    Сообщения:
    601
    Симпатии:
    242
    Код:
    <div style="width:100%; float:left;">
    {foreach from=$root_categories item=_cat name=_fr}
        <div style="float:left; width:30%; margin-right:5px; margin-bottom:15px;">
          <table width="100%" style="padding:0; margin:0;">
                <tr>
                    <td valign="top" width="120">
                        {if $_cat.picture ne "" && $PAGE_VIEW ne 'mobile'}
                            <a href='{$_cat_url}'>
                                <img border="0" src="{$smarty.const.URL_PRODUCTS_PICTURES}/{$_cat.picture|escape:'url'}" alt="{$_cat.name|escape:'html'}">
                            </a>
                        {else}
                            <a href='{$_cat_url}' class="home_page_category_logo"></a>
                        {/if}
                    </td>
                    <td valign="top">
                        <a href='{$_cat_url}' class="rcat_root_category">{$_cat.name|escape:'html'|default:'(no name)'}</a>
                        <span class="rcat_products_num">[{$_cat.products_count}]</span>
                        <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>
                </tr>
          </table>
        </div>
    {/foreach}
    </div>
    
    пробуйте этот
     
    wwizard нравится это.
  8. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    Вот так стало, тоесть справо налево все супер. Спасибо Вам огромное, а вот сверху вниз, где-то три ярлычка, а где-то четыре
     

    Вложения:

    • 3.png
      3.png
      Размер файла:
      161,3 КБ
      Просмотров:
      45
  9. kadurinho

    kadurinho

    Регистр.:
    21 июн 2011
    Сообщения:
    601
    Симпатии:
    242
    в личку ссылку на сайт, или в аську, аська в профиле

    P.S. и спасибо выражается через кнопку "Мне нравится"
     
    wwizard нравится это.
  10. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11