Есть ли шаблон с разным выводом колонок в строке?

InstantCMS 2.X
#1 24 июля 2022 в 02:20

Пример wylsa.com/ — первый материал — одна колонка, второй ряд — 3 колонки, третий ряд — 2 колонки.

#2 24 июля 2022 в 11:20

 Def, это же просто стили. Вот пример

#3 24 июля 2022 в 22:42

 Def, это же просто стили. Вот пример

Lora

я не сильно понимаю как это применить в шаблоне

  1. <?php
  2. /**
  3.  * Template Name: LANG_WD_CONTENT_LIST_STYLE_TILES_BIG
  4.  * Template Type: widget
  5.  */
  6. ?>
  7. <div class="icms-widget__content_list mb-n3 mb-md-n4 content_list tiled row">
  8. <?php foreach($items as $item) { ?>
  9. <div class="col-md-6 col-lg-4 mb-3 mb-md-4">
  10. <div class="icms-content-fields d-flex flex-column h-100">
  11. <?php foreach($item['fields'] as $field){ ?>
  12. <div class="field ft_<?php echo $field['type']; ?> f_<?php echo $field['name']; ?> <?php echo $field['options']['wrap_type']; ?>_field"<?php if($field['options']['wrap_width']){ ?> style="width: <?php echo $field['options']['wrap_width']; ?>;"<?php } ?>>
  13. <?php if ($field['label_pos'] !== 'none'){ ?>
  14. <div class="title_<?php echo $field['label_pos']; ?>">
  15. <?php echo $field['title'] . ($field['label_pos']==='left' ? ': ' : ''); ?>
  16. </div>
  17. <?php } ?>
  18. <?php if ($field['name'] === 'title' && $ctype['options']['item_on']){ ?>
  19. <h4 class="h5 m-0">
  20. <?php if ($item['parent_id']){ ?>
  21. <a class="parent_title" href="<?php echo rel_to_href($item['parent_url']); ?>"><?php html($item['parent_title']); ?></a>
  22. &rarr;
  23. <?php } ?>
  24.  
  25. <?php if (!empty($item['is_private_item'])) { ?>
  26. <?php html($item[$field['name']]); ?>
  27. <span class="is_private text-secondary" title="<?php html($item['private_item_hint']); ?>">
  28. <?php html_svg_icon('solid', 'lock'); ?>
  29. </span>
  30. <?php } else { ?>
  31. <a href="<?php echo href_to($ctype['name'], $item['slug'].'.html'); ?>">
  32. <?php html($item[$field['name']]); ?>
  33. </a>
  34. <?php if ($item['is_private']) { ?>
  35. <span class="is_private text-secondary" title="<?php echo LANG_PRIVACY_HINT; ?>">
  36. <?php html_svg_icon('solid', 'lock'); ?>
  37. </span>
  38. <?php } ?>
  39. <?php } ?>
  40. </h4>
  41. <?php } else { ?>
  42. <div class="value">
  43. <?php echo $field['html']; ?>
  44. </div>
  45. <?php } ?>
  46. </div>
  47. <?php } ?>
  48.  
  49. <?php if (!empty($item['info_bar'])){ ?>
  50. <div class="info_bar p-0 bg-transparent border-0 mt-auto">
  51. <?php foreach($item['info_bar'] as $bar){ ?>
  52. <div class="mr-2 bar_item <?php echo !empty($bar['css']) ? $bar['css'] : ''; ?>" title="<?php html(!empty($bar['title']) ? $bar['title'] : ''); ?>">
  53. <?php if (!empty($bar['icon'])){ ?>
  54. <?php html_svg_icon('solid', $bar['icon']); ?>
  55. <?php } ?>
  56. <?php if (!empty($bar['href'])){ ?>
  57. <a class="stretched-link" href="<?php echo $bar['href']; ?>">
  58. <?php echo $bar['html']; ?>
  59. </a>
  60. <?php } else { ?>
  61. <?php echo $bar['html']; ?>
  62. <?php } ?>
  63. </div>
  64. <?php } ?>
  65. </div>
  66. <?php } ?>
  67. </div>
  68. </div>
  69. <?php } ?>
  70. </div>
#4 24 июля 2022 в 23:06

я не сильно понимаю как это применить в шаблоне

Def

Не особо сложно. В частности на bootstrap можно сделать подобный вывод довольно просто. Как-то я уже реализовывал подобное, но для статического контента. Для списка контента логика будет примерно та же.

#5 26 июля 2022 в 10:30

я не сильно понимаю как это применить в шаблоне

Def

Не особо сложно. В частности на bootstrap можно сделать подобный вывод довольно просто. Как-то я уже реализовывал подобное, но для статического контента. Для списка контента логика будет примерно та же.

Make

вот я и не сильно понимаю, как применить на тот шаблон выше:)

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

#6 26 июля 2022 в 11:15

вот я и не сильно понимаю, как применить на тот шаблон выше:)

Def

Тогда

вот

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.