Карточка товара

Внимание! Данный шаблон может быть только один, не удаляйте его и не переименовывайте

Шаблон карточки товара (индексируемая)

/templates/*/catalog/tovar_card.html

Где *— название шаблона

Ссылка на карточку товара из списка товаров

%link%

<a href="%link%" title="%name_value%">%name_value%</a>

Внешний вид карточки товара

Код Шаблона карточки товара

<!-- @item -->
<div class="product-page-block" itemscope itemtype="http://schema.org/Product">
  <div class="uk-grid uk-grid-preserve">
    <div class="uk-width-7-10">
      %name%
      <div class="adm-fluid-wrapper">
        <div class="product-thumb clearfixin">%picture%      
        </div>
        <div class="product-info">
          <div class="act-units">
          </div>
          <div class="act-units">
            <div class="act-unit-25">%vendor%</div>
            <div class="act-unit-25">%advcampaign_name%</div>
          </div>
          <div class="act-units last-row">
            <div class="act-unit-50">%price% %oldprice%</div>
            <div class="act-unit-50"><button  class="item-buy-action" onclick="window.open('http://%host%/?goto=%item_id%', 'target=_blank');return false;"><i class="fa fa-shopping-cart"></i> Купить в магазине</button></div>
          </div>
          %description%
          %category%
          %cat_way_block%
        </div>
      </div>
    </div>
    <div class="uk-width-3-10 coupons-block">
      [#item-coupons#]
    </div>
    </div>
    [#item-comments#]
  <div class="act-tabs m-t-s m-b-s">
    <ul class="act-tab act-units">
        <li class="act-unit-50 current">Похожие товары</li>
        <li class="act-unit-50">Популярные товары</li>
    </ul>
    <div class="act-tab-panels">
        <div class="act-tab-panel visible">[#item-similar#]</div>
        <div class="act-tab-panel">[#item-popular#]</div>
    </div>
  </div>
</div>

<!-- @currencyId -->
%currencyId_value%

<!-- @name -->
<div class="product-title"><h1 itemprop="name">%name_value%</h1></div>

<!-- @original_id -->
артикул: %original_id_value%

<!-- @description -->
<div class="item-description" itemprop="description">%description_value%</div>

<!-- @model -->
<h4>%model_value%</h4>

<!-- @advcampaign_name -->
Продавец: &laquo;<a title="Все товары магазина %advcampaign_name_value%" href="/catalog/search/?search=%advcampaign_name_value%">%advcampaign_name_value%</a>&raquo;

<!-- @price -->
<div class="adm-price-value" itemprop="offers" itemscope itemtype="http://schema.org/Offer"><span itemprop="price">%price_value%</span> <sup>руб.</sup></div>

<!-- @oldprice -->
<div class="adm-price-value"><span class="adm-old-price">%oldprice_value%</span> <sup>руб.</sup></div>

<!-- @picture -->
<div class="product-thumbnail uk-clearfix"><img class="uk-float-left" itemprop="image" src="%picture_value%" alt="%name_value%" title="%name_value%"/></div>

<!-- @category -->
<div class="item-description">Товар относится к %category_value%</div>

<!-- @vendor -->
Бренд: &laquo;<a title="Все товары бренда %vendor_value%" href="/catalog/search/?search=%vendor_value%"><span itemprop="manufacturer">%vendor_value%</span></a>&raquo;

<!-- @name_null -->

<!-- @description_null -->

<!-- @Cena_null -->

<!-- @picture_null -->
<!-- @oldprice_null -->
<!-- @row_delimeter -->

<!-- @cat_way_block -->
<div class="item-description">Все %cat_way%</div>

<!-- @cat_way_separator -->
<i class="fa fa-angle-right"></i>

<!-- @cat_way_active -->
<b><a href="%cat_link%">%cat_name%</a></b>

<!-- @cat_way_passive -->
<a href="%cat_link%">%cat_name%</a>

Блоки и переменные в шаблоне карточки товара

Блок Описание Переменные

<!-- @item -->

Основной блок, содержимое, при переходе в карточку.

%item_id% — Идентификатор товара/купона, цифра. Можно использовать при необычной верстке, где требуются разные class или id

http://%host%/?goto=%item_id% — Ссылка на товар оффера

Вывод любых свойств категорий/купонов/товаров http://www.cpasoft.ru/item-category-properties.html

http://%host%[#url#] — Абсолютный адрес карточки

%host% — адрес хоста (домена)

[#url#] — Действия ядра "Вернуть url страницы" (в эту метку [#url#] нужно вывести это действие)

<!-- @cat_way_block --> Определяет внешний вид положения товара в структуре %cat_way%
<!-- @cat_way_separator--> Разделитель в структуре Например / или | или любое доугое значение
<!-- @cat_way_active --> Активный элемент в структуре

<a href="%cat_link%"><b>%cat_name%</b></a>

%cat_link%

%cat_name%

<!-- @cat_way_passive --> Активный элемент родительской категории

Карточка товара в модальном окне (не индексируемая)

/templates/*/catalog/popup_card.html

Где *— название шаблона

Ссылка на карточку товара в модальном окне из списка товаров

%link%?popup-item=true

<a type="button" data-preview-link="%link%?popup-item=true" class="adm-preview-button">Увеличить</a>

Такие страницы закрыты от индексации в robots.txt

Disallow: /*?popup-item=true

Внешний вид карточки в модальном окне

Код Шаблона карточки товара

<!-- @item -->
<div class="clearfixin item-popup-modal product-page-block">
  <div class="item-popup-body">
      <div class="uk-panel">
      <h4 class="product-title">%name% </h4>
      <div class="popup-item-wrapper uk-clearfix">
      <div class="adm-fluid-wrapper">
 
        <div class="product-thumb clearfixin">%picture% </div>
 
        <div class="product-info">
          <div class="act-units">
            <div class="act-unit-50">%vendor%</div>
            <div class="act-unit-50">%advcampaign_name%</div>
          </div>
          
          <div class="act-units last-row">
            <div class="act-unit-50">%price% %oldprice%</div>
            <div class="act-unit-50"><button  class="item-buy-action" onclick="window.open('http://%host%/?goto=%item_id%', 'target=_blank');return false;"><i class="fa fa-shopping-cart"></i> Купить в магазине</button></div>
          </div>
          
          %description%
 
          %category%
          
          %cat_way_block%
        </div>
      
      </div>
        
      </div>
    </div>
  </div>
  <div class="item-popup-additionals">
      [#popup-coupons#]
  </div>
 
 
 
</div>
  <div class="act-tabs m-t-s m-b-s">
 
    <ul class="act-tab act-units">
        <li class="act-unit-50 current">Похожие товары</li>
        <li class="act-unit-50">Популярные товары</li>
    </ul>
    <div class="act-tab-panels">
        <div class="act-tab-panel visible">[#popup-similar#]</div>
        <div class="act-tab-panel">[#popup-popular#]</div>
    </div>
 
  </div>
<!-- @name -->
%name_value%

<!-- @original_id -->
<div class="item-info-row">артикул: %original_id_value%</div>


<!-- @description -->
<div class="item-description">%description_value%</div>

<!-- @model -->
<h4>%model_value%</h4>

<!-- @advcampaign_name -->
<div class="item-info-row">Продавец: <a title="Все товары магазина %advcampaign_name_value%" href="/catalog/search/?search=%advcampaign_name_value%"><b>&laquo;%advcampaign_name_value%&raquo;</b></a></div>

<!-- @price -->
<div class="adm-price-value"><span class="adm-actual-price">%price_value%</span> <sup>руб.</sup></div>

<!-- @oldprice -->
<div class="adm-price-value"><span class="adm-old-price">%oldprice_value%</span> <sup>руб.</sup></div>

<!-- @picture -->
<img src="%picture_value%" alt="%name_value%" title="%name_value%"/>

<!-- @category -->
<div class="item-description">Товар относится к %category_value%</div>


<!-- @vendor -->
<div class="item-info-row">Бренд: <a title="Все товары бренда %vendor_value%" href="/catalog/search/?search=%vendor_value%"><b>&laquo;%vendor_value%&raquo;</b></a></div>

<!-- @name_null -->

<!-- @description_null -->

<!-- @Cena_null -->

<!-- @picture_null -->
<!-- @oldprice_null -->

<!-- @row_delimeter -->

<!-- @cat_way_block -->
<div class="item-description">Все %cat_way%</div>

<!-- @cat_way_separator -->
<i class="fa fa-angle-right"></i>

<!-- @cat_way_active -->
<b><a href="%cat_link%">%cat_name%</a></b>

<!-- @cat_way_passive -->
<a href="%cat_link%">%cat_name%</a>

Все блоки и переменные аналогичны обычной карточке товара, смотрите их выше

Блоки и переменные в шаблоне модальной карточки товара

Все тоже самое смотрите их выше