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


Меню квадратиками для адаптивного шаблона ?

Меню квадратиками

  • Вы не можете ответить в тему
Сообщений в теме: 4

#1 Арти

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

  • Assistent vsupport.club
  • PipPipPip
  • 54 сообщений
Репутация: 1
Начинающий

Отправлено 23 June 2015 - 02:36 PM

{* шаблон блока обзора категорий *}
{if $big_categories_tree && $big_categories_tree_count>0}
<table cellspacing="0" cellpadding="0" width="100%">
{counter name='s1' start=-1 skip=1 print=false assign='select_counter_var'}
{section name=h1 loop=$big_categories_tree}
{if $big_categories_tree[h1].categoryID != 1 && $big_categories_tree[h1].parent == 1}
{assign var="tmp" value=0}
{counter name='s1'}
{if ($select_counter_var) is div by 3}<tr>{/if}

<td align="center" valign="top">
<table width="130" border="0" cellspacing="0" cellpadding="0" class="categorycentr" align="center">
<tr>
<td><a href="{$big_categories_tree[h1]|@fu_make_url}"><img src="data/category/{$big_categories_tree[h1].picture}" alt=""></a>
</td>
</tr>
<tr>
<td align="center" class="catbuttonstxt2"><a href="{$big_categories_tree[h1]|@fu_make_url}" class="arc cl18"><h3>{$big_categories_tree[h1].name}</h3></a>
</td>
</tr>
</table>
</td>
{if ($select_counter_var+1) is div by 3}</tr>{else}
{/if}
{/if}
{/section}
</table>
{else}<div align="center">{$smarty.const.STRING_NO_CATEGORIES}</div>{/if}
Доброго времени суток !

Поставил на новый адаптивный шаблон меню квадратиками файл category_bloc.tpl.html

Так вот не задача не могу разобраться как правильно настроить CSS чтоб при захода с телефона меню тоже адаптировалось под шаблон сайта (

файл с его содержимым

Прикрепленные файлы


  • 0

#2 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 23 June 2015 - 03:03 PM

Так вот не задача не могу разобраться как правильно настроить

Никак. У вас сделано на элементе table, он не умеет перестраиваться в разное количество колонок в зависимости от ширины экрана.
Сделайте то же самое на div-ах используя бутстраповые классы row и col-xs-NN - будет автоматически менять расположение.
Пример кода можно увидеть в файле category.tpl.html, там вывод товаров так сделан. На большом экране в заданное количество колонок, а на малом - как получится.
  • 1
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#3 Арти

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

  • Assistent vsupport.club
  • PipPipPip
  • 54 сообщений
Репутация: 1
Начинающий

Отправлено 23 June 2015 - 04:17 PM

Помогите с доработко

Так вот не задача не могу разобраться как правильно настроить

Никак. У вас сделано на элементе table, он не умеет перестраиваться в разное количество колонок в зависимости от ширины экрана.
Сделайте то же самое на div-ах используя бутстраповые классы row и col-xs-NN - будет автоматически менять расположение.
Пример кода можно увидеть в файле category.tpl.html, там вывод товаров так сделан. На большом экране в заданное количество колонок, а на малом - как получится.


Что то у меня не получается если возможно помогите с доработкой ? Готов оплатить смотря сколько это доработка будет стоить? за одно и кому не будь пригодится ....
  • 0

#4 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 23 June 2015 - 04:57 PM

Готов оплатить смотря сколько это доработка будет стоить?

Я сейчас за доработки меньше 20$ (1000руб) не берусь, не интересно. Так что 1000руб стоить и будет :).
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#5 makki

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

  • Assistent vsupport.club
  • PipPipPip
  • 148 сообщений
Репутация: 7
Начинающий

Отправлено 24 June 2015 - 06:21 PM

Готов помочь. Пишите в личку
  • 0