###Minimal Portfolio with MODX and Isotope.js ####Use hierarchical resource (parent->child) to structure categories ####Demo here : http://tinyurl.com/n5slndh
####MODX Extra:
- pdoResources in pdoTools http://modx.com/extras/package/pdotools
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
| <title>[[++site_name]]</title> | |
| </head> | |
| <body style="margin:0;padding:0;background:#f6f6f6;"> | |
| <div style="height:100%;padding-top:20px;background:#f6f6f6;"> |
| input[type=checkbox] | |
| height: 0 | |
| width: 0 | |
| visibility: hidden | |
| label | |
| cursor: pointer | |
| text-indent: -9999px | |
| width: 35px | |
| height: 20px |
| https://modx.pro/solutions/10040-add-your-fields-in-the-order-form/ | |
| https://dart.agency/blog/modx/kak-dobavit-dopolnitelnoe-pole-k-zakazu-v-minishop2.html | |
| https://modx.pro/solutions/7037-expanding-any-table-modx/#comment-84315 | |
| Инструкция: | |
| 1)В системных настройках добавляем свои поля в ms2_order_address_fields | |
| 2)Создаём плагин на событие OnMODXInit для расширения модели БД | |
| <?php | |
| switch ($modx->event->name) { |
| var $container = $(".masonry-container"); | |
| $container.imagesLoaded(function () { | |
| $container.masonry({ | |
| columnWidth: ".item", | |
| itemSelector: ".item" | |
| }); | |
| }); |
####MODX Extra:
| А вот вызов pdoResources, для создания блога и фильтрации по автометке. | |
| [[!pdoResources? | |
| &parents=`[[*id]]` | |
| &tvFilters=`[[!tagLinks? &get=`1`]]` | |
| &tpl=`@INLINE <div class="row"> | |
| <div class="cols col-10 intro"> | |
| <h2><a href="{{+link}}">{{+pagetitle}}</a> ({{+publishedon}})</h2> | |
| <div>{{!tagLinks? &tags=`{{+tv.autotag}}`}}</div> | |
| {{+introtext}} <a href="{{+link}}">читать дальше..</a> | |
| </div> |
| HTML: | |
| <div class="wrapper"> | |
| <div class="tabs"> | |
| <span class="tab">Вкладка 1</span> | |
| <span class="tab">Вкладка 2</span> | |
| <span class="tab">Вкладка 3</span> | |
| </div> | |
| <div class="tab_content"> | |
| <div class="tab_item">Содержимое 1</div> | |
| <div class="tab_item">Содержимое 2</div> |
| @media (max-width: px) { | |
| .navbar-header { | |
| float: none; | |
| } | |
| .navbar-toggle { | |
| display: block; | |
| } | |
| .navbar-collapse { | |
| border-top: 1px solid transparent; | |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); |
| add_action( 'wp_footer', 'art_responsive_tables' ); | |
| function art_responsive_tables() { | |
| if ( is_singular() ) { | |
| ?> | |
| <script> | |
| jQuery(document).ready(function ($) { | |
| $('article table').wrap('<div class="table-cover"></div>'); | |
| }); | |
| </script> | |
| <style> |
| .main-menu | |
| margin: 0 auto | |
| text-align: center | |
| li | |
| display: block |