custom/plugins/zenitPlatformHorizon/src/Resources/views/storefront/page/content/detail.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/content/detail.html.twig' %}
  3. {% block page_content_sections_inner %}
  4.     <div class="cms-sections">
  5.         {% for section in cmsPage.sections %}
  6.             {% set sectionClasses = [section.cssClass, 'pos-' ~ section.position, 'cms-section-' ~ section.type] %}
  8.             {% if section.visibility is null %}
  9.                 {% set visibility = {
  10.                     mobile: true,
  11.                     tablet: true,
  12.                     desktop: true
  13.                 } %}
  14.             {% else %}
  15.                 {% set visibility = section.visibility %}
  16.             {% endif %}
  18.             {% if not visibility.mobile %}
  19.                 {% set sectionClasses = ['hidden-mobile']|merge(sectionClasses) %}
  20.             {% endif %}
  21.             {% if not visibility.tablet %}
  22.                 {% set sectionClasses = ['hidden-tablet']|merge(sectionClasses) %}
  23.             {% endif %}
  24.             {% if not visibility.desktop %}
  25.                 {% set sectionClasses = ['hidden-desktop']|merge(sectionClasses) %}
  26.             {% endif %}
  28.             {% if loop.index is same as (1) and isHeroSection is same as (true) %}
  30.                 {# ... @zenit - section classes #}
  31.                 {% set sectionClasses = ['cms-section-hero']|merge(sectionClasses) %}
  33.                 {# ... @zenit - set section bg color #}
  34.                 {% if zenCustomFields.category.zenit_horizon_category_image_color is empty %}
  35.                     {% set sectionBgColor = section.backgroundColor ? section.backgroundColor : 'transparent' %}
  36.                 {% else %}
  37.                     {% set sectionBgColor = zenCustomFields.category.zenit_horizon_category_image_color %}
  38.                 {% endif %}
  40.                 {# ... @zenit - set section bg image #}
  41.                 {% set sectionBgImg = section.backgroundMedia|sw_encode_media_url %}
  43.                 {# ... @zenit - category image #}
  44.                 {% set categoryMedia = page.header.navigation.active.media %}
  45.                 {% if hasCategoryImage %}
  46.                     {% if categoryMedia %}
  48.                         {# ... @zenit - category image style #}
  49.                         {% set sectionBgImg = categoryMedia|sw_encode_media_url %}
  51.                         {# ... @zenit - category image class #}
  52.                         {% set sectionClasses = ['category-image']|merge(sectionClasses) %}
  54.                     {% elseif sectionBgImg %}
  56.                         {# ... @zenit - category image class #}
  57.                         {% set sectionClasses = ['category-image']|merge(sectionClasses) %}
  59.                     {% endif %}
  60.                 {% endif %}
  62.                 {# ... @zenit - category overlay class #}
  63.                 {% if sectionCategoryOverlay %}
  64.                     {% set sectionClasses = ['cms-section-overlay']|merge(sectionClasses) %}
  65.                 {% endif %}
  67.                 {# ... @zenit - set section bg image mode #}
  68.                 {% if section.backgroundMediaMode %}
  69.                     {% set sectionBgImgMode = section.backgroundMediaMode %}
  70.                 {% else %}
  71.                     {% set sectionBgImgMode = 'cover' %}
  72.                 {% endif %}
  74.                 {# ... @zenit - set opacity style #}
  75.                 {% set categoryImageOpacity = zenCustomFields.category.zenit_horizon_category_image_opacity|replace({'%': ''}) %}
  76.                 {% if categoryImageOpacity is empty or categoryImageOpacity is same as ('inherit') %}
  77.                     {% set sectionBgOpacity = theme_config("zen-category-image-opacity")|number_format %}
  78.                 {% else %}
  79.                     {% set sectionBgOpacity = categoryImageOpacity|number_format %}
  80.                 {% endif %}
  82.                 {# ... @zenit - set attachment style #}
  83.                 {% if zenCustomFields.category.zenit_horizon_category_image_attachment is empty or zenCustomFields.category.zenit_horizon_category_image_attachment is same as ('inherit') %}
  84.                     {% set sectionBgAttachment = theme_config("zen-category-image-attachment") %}
  85.                 {% else %}
  86.                     {% set sectionBgAttachment = zenCustomFields.category.zenit_horizon_category_image_attachment %}
  87.                 {% endif %}
  89.                 {# ... @zenit - set position style #}
  90.                 {% if zenCustomFields.category.zenit_horizon_category_image_position is empty or zenCustomFields.category.zenit_horizon_category_image_position is same as ('inherit') %}
  91.                     {% set sectionBgPosition = theme_config("zen-category-image-position") %}
  92.                 {% else %}
  93.                     {% set sectionBgPosition = zenCustomFields.category.zenit_horizon_category_image_position %}
  94.                 {% endif %}
  96.                 {# ... @zenit - bg image class #}
  97.                 {% if sectionBgImg %}
  98.                     {% set sectionClasses = ['bg-image']|merge(sectionClasses) %}
  99.                 {% endif %}
  101.                 {# ... @zenit - bg color class #}
  102.                 {% if sectionBgColor %}
  103.                     {% set sectionClasses = ['bg-color']|merge(sectionClasses) %}
  104.                 {% endif %}
  106.                 {# ... @zenit - contrast class #}
  107.                 {% if zenCustomFields.category.zenit_horizon_category_image_contrast is empty or zenCustomFields.category.zenit_horizon_category_image_contrast is same as ('inherit') %}
  108.                     {% set sectionClasses = [theme_config("zen-category-image-contrast")]|merge(sectionClasses) %}
  109.                 {% else %}
  110.                     {% set sectionClasses = [zenCustomFields.category.zenit_horizon_category_image_contrast]|merge(sectionClasses) %}
  111.                 {% endif %}
  113.                 {# ... @zenit - opacity class #}
  114.                 {% if sectionBgOpacity < 100 and sectionBgColor %}
  115.                     {% set sectionClasses = ['has-opacity']|merge(sectionClasses) %}
  116.                 {% endif %}
  118.                 {% set layout = section.sizingMode ? section.sizingMode|replace({"_": "-"}) : "container" %}
  120.                 {% block zen_page_content_section_category_image %}
  121.                     <div class="cms-section {{ layout }} {{ sectionClasses|join(' ') }}"
  122.                          style="{% if sectionBgAttachment %}background-attachment: {{ sectionBgAttachment }};{% endif %}{% if sectionBgPosition %}background-position: {{ sectionBgPosition }};{% endif %}{% if sectionBgColor %}background-color: {{ sectionBgColor }};{% endif %}{% if sectionBgImg %}background-image: url('{{ sectionBgImg }}');background-size: {{ sectionBgImgMode }};{% endif %}">
  124.                         {% if sectionBgOpacity < 100 and sectionBgColor %}
  125.                             <div class="cms-section-bg-color-overlay"
  126.                                  style="background-color: {{ sectionBgColor }}; opacity: {{(100 - sectionBgOpacity|number_format) / 100 }};">
  127.                             </div>
  128.                         {% endif %}
  130.                         {% sw_include "@Storefront/storefront/section/cms-section-" ~ section.type ~ ".html.twig" %}
  131.                     </div>
  132.                 {% endblock %}
  134.                 {# ... @zenit - add default breadcrumbs, after first sections if it's an hero section  #}
  135.                 {% if defaultBreadcrumbs %}
  136.                     {# ... @zenit - check if there is any breadcrumb to show #}
  137.                     {% if sw_breadcrumb_full(page.header.navigation.active, context.context) %}
  138.                         <div class="breadcrumb-container">
  139.                             <div class="container">
  140.                                 <div class="breadcrumb-wrap cms-breadcrumb justify-content-{{ theme_config('zen-breadcrumbs-align')|replace({'flex-': ''}) }}">
  141.                                     {% block cms_breadcrumb %}
  142.                                         {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  143.                                             navigationTree: page.header.navigation.tree,
  144.                                             category: page.header.navigation.active
  145.                                         } only %}
  146.                                     {% endblock %}
  147.                                 </div>
  148.                             </div>
  149.                         </div>
  150.                     {% endif %}
  151.                 {% endif %}
  153.             {% else %}
  154.                 {% set sectionBgColor = section.backgroundColor %}
  155.                 {% set sectionBgImg = section.backgroundMedia|sw_encode_media_url %}
  156.                 {% set sectionBgImgMode = section.backgroundMediaMode %}
  158.                 {% if sectionBgImg %}
  159.                     {% set sectionClasses = ['bg-image']|merge(sectionClasses) %}
  160.                 {% endif %}
  162.                 {% if sectionBgColor %}
  163.                     {% set sectionClasses = ['bg-color']|merge(sectionClasses) %}
  164.                 {% endif %}
  166.                 {# ... @zenit - category overlay class #}
  167.                 {% if loop.index is same as (1) and sectionCategoryOverlay is same as (true) %}
  168.                     {% if sectionCategoryOverlay %}
  169.                         {% set sectionClasses = ['cms-section-overlay']|merge(sectionClasses) %}
  170.                     {% endif %}
  171.                 {% endif %}
  173.                 {% set layout = section.sizingMode ? section.sizingMode|replace({"_": "-"}) : "container" %}
  175.                 {% block page_content_section %}
  176.                     <div class="cms-section {{ layout }} {{ sectionClasses|join(' ') }}"
  177.                          style="{% if sectionBgColor %}background-color: {{ sectionBgColor }};{% endif %}{% if sectionBgImg %}background-image: url('{{ sectionBgImg }}');background-size: {{ section.backgroundMediaMode }};{% endif %}">
  179.                         {% sw_include "@Storefront/storefront/section/cms-section-" ~ section.type ~ ".html.twig" %}
  180.                     </div>
  181.                 {% endblock %}
  182.             {% endif %}
  183.         {% endfor %}
  184.     </div>
  185. {% endblock %}