MODX. Простой сниппет. Пакет minishop2
В данном уроке мы создадим простой сниппет вывода года в подвале, а также рассмотрим вопрос создания интернет магазина на MODX.
Сниппет — это фрагмент php кода, который в дальнейшем можно подключить в чанке или шаблоне.
Создание интернет магазина на MODX — не самое хорошее решение. Но все же есть несколько решений. В этом уроке мы рассмотрим minishop2. Вместе с установкой этого пакета будут установлены чанки и шаблоны. Важно, что вместе с minishop2 нужно установить пакеты pdotools и theme bootstrap.
Создание интернет магазина на MODX — не самое хорошее решение. Но все же есть несколько решений. В этом уроке мы рассмотрим minishop2. Вместе с установкой этого пакета будут установлены чанки и шаблоны. Важно, что вместе с minishop2 нужно установить пакеты pdotools и theme bootstrap.
Код урока (шаблон главной страницы)
[[$header]]
<main>
<div class="container">
<div class="row">
<div class="col-sm-8 mx-auto">
[[!getResources? &parents=`3` &tpl=`postsTpl`]]
<div>
<a href="#" id="" class="btn-more float-right">Older posts →</a>
</div>
</div>
</div>
</div>
<hr>
</main>
[[$footer]]
Код урока (шаблон страницы)
[[$header]]
<main id="page-content">
<div class="container">
<div class="row">
<div class="col-sm-8 mx-auto">
[[*content]]
</div>
</div>
</div>
</main>
[[$footer]]
Код урока (чанк для email)
<p>Имя: [[+name]]</p>
<p>Телефон: [[+phone]]</p>
<p>Email: [[+email]]</p>
Код урока (чанк для поста на главной странице)
<div class="post">
<h2><a href="">[[+pagetitle]]</a></h2>
<h3>[[+longtitle]]</h3>
<p>Posted by <a href="">Start Bootstrap</a> on [[+publishedon:strtotime:date=`%B %e, %Y`]]</p>
</div>
<hr>
Код урока (чанк для элемента списка главного меню)
<li[[+wf.id]][[+wf.classes]]><a href="[[+wf.link]]" title="[[+wf.title]]" class="nav-item" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>
0 Комментариев