MODX. Простой сниппет. Пакет minishop2

Главная » Видеоуроки » CMS » MODX. Простой сниппет. Пакет minishop2
В данном уроке мы создадим простой сниппет вывода года в подвале, а также рассмотрим вопрос создания интернет магазина на MODX.
Сниппет — это фрагмент php кода, который в дальнейшем можно подключить в чанке или шаблоне.
Создание интернет магазина на 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 Комментариев

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *


Срок проверки reCAPTCHA истек. Перезагрузите страницу.

Pin It on Pinterest

Share This