pagemashine

window.adaptive = (function(){

    var jqAdaptiveParamsContainer = $(".js_adaptive_params");

    var oData = {};

    if ( jqAdaptiveParamsContainer.length ){
        oData = jqAdaptiveParamsContainer.data('adaptive_parameters');
    }

pagemashine

$(document).load($(window).bind("resize", listenWidth));

function listenWidth( e ) {
    var windowWidth = $(window).width();
    if (windowWidth > 767) {
        stick();
    }
    else {
        unstick();
    }

pagemashine

<?php /* template name: аксессуары для мобильных устройств */ ?>
<?php get_header(); ?>
<div id="container" class="right_container">
<div id="content" class="content" role="main">
    <h1 class="page-title">аксессуары для мобильных устройств</h1>

    <!-- начинается петля -->
    <?php $acsessuar = new wp_query( array( 'post_type' => 'acsessuar', 'category_name' => 'r_portfolio', 'posts_per_page' => 24 ) ); ?>
    <?php while ( $acsessuar->have_posts() ) : $acsessuar->the_post(); ?>
    <div id="post-<?php the_id(); ?>" <?php post_class(); ?>>

pagemashine

<?php if ( have_posts() ) : query_posts('p=1');
while (have_posts()) : the_post(); ?>

<?php the_title(); ?>
<?php the_content(); ?>
<?php the_post_thumbnail(array(100, 100)); ?>

<? endwhile; endif; wp_reset_query(); ?>

pagemashine

<div class="b-path" sktag="menu.path">
    <ul itemscope itemtype="http://schema.org/BreadcrumbList">
    {% if main_page %}
        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" sktag="menu.path.a">
            <a itemprop="item" href="/"><span itemprop="name">{{ main_page.title }}</span></a>
            <meta itemprop="position" content="{{ loop.index }}" />
        </li>
    {% endif %}
    {%for item in items%}
        {% if item.selected %}

pagemashine

.b-benefits>.benefits__items>(.benefits__item>(.benefits__img>img[src=/images/benefits-$.png][alt="Преимущество-$"])+.benefits__text)*5
<style>
    .b-benefits {}
    .b-benefits:after {
        content: "";
        display: table;
        clear: both;
    }
    .b-benefits .benefits__item {
        display: inline-block;

pagemashine

$(function() {

    // sidebar

    function showSidebar() {
        $('.js-sidebar').addClass('l-sidebar--open');
        $('body').addClass('g-ovh');
    };

    function hideSidebar() {

pagemashine

/*---------------------------------*/
.l-sidebar {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top:0;
    right: 0;  
    bottom: 0;
    left: 0; 
    background: rgba(0,0,0,0.34); 

pagemashine

<div class="l-sidebar js-sidebar l-sidebar--open">
    <div class="sidebar__overlay hide-on-desktop js-sidebar-overlay"></div>
    <div class="sidebar__inner js-sidebar-inner hide-on-desktop">
        <div class="sidebar__close">
            <a class="js-sidebar-hide" href="#">
                <img src="/images/sandwich-close.png" alt="">
            </a>
        </div>
        <div class="b-sidebar-pilot">
            <div class="sidebar-pilot__logo">

pagemashine

/*---------------------------------*/
@media handheld, only screen and (min-width: 980px) and (max-width: 1279px) { /*-SMALL DESKTOP-*/
    /*---------------------------------*/
    /*---------------------------------*/
}
/*---------------------------------*/
@media handheld, only screen and (min-width: 768px) and (max-width: 979px) { /*-TABLET-*/
    /*---------------------------------*/
    /*---------------------------------*/
}