templates/content/tmpl/mtm-module-loop.html.twig line 1

Open in your IDE?
  1. {% set form_attr = { 
  2.     thankyou: page.getContentMetaValueByKey("lp_thankyou"),
  3.     btn_text: page.getContentMetaValueByKey("lp_button"),
  4.     btn_color: page.getContentMetaValueByKey("rcs_call_to_action_color")
  5. } %}
  7. {% for i in 0 .. (modules | length) - 1 %}
  8.     {# walk down modules and build blocks #}
  9.     {% set mod_bg = page.getContentMetaValueByKey("mtm_content_modules_#{i}_rcs_element_background_color") %}
  10.     {% set mod_title = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_text_area_title") %}
  11.     {% set mod_title_color = page.getContentMetaValueByKey("mtm_content_modules_#{i}_rcs_module_title_color") %}
  12.     
  13.     {# set some defaults #}
  14.     {% if mod_bg is empty %}
  15.         {% set mod_bg = "#fff" %}
  16.     {% endif %}
  17.     
  18.     {% if mod_title_color is empty %}
  19.         {% set mod_title_color = "#222" %}
  20.     {% endif %}
  21.     
  22.     {% if modules[i] == "mtm_module_hero_image" %}
  23.         {% set mod_subhead = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_hero_subheading") %}
  24.         {% set mod_image = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_hero_image") %}
  25.         
  26.         {% if mod_image is not empty or mod_subhead is not empty %}
  27.             <div class="row" style="min-height: 10px">
  28.                 <div class="col-sm-12" style="background: {{ mod_bg }}; {% if mod_image is not empty %} padding-bottom: 15px; {% endif %}">
  29.             
  30.             {% set mod_sub = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_hero_subheading") %}
  31.             {% if mod_image is not empty %}
  32.                 {% set mod_image = get_entity("Media", "old_id", mod_image) %}
  33.                 {% if mod_image is not empty %}
  34.                     <img 
  35.                         class="mod-hero-image"
  36.                         src="{{ mod_image.getURL() }}"
  37.                         alt="{{ mod_image.getTitle() }}"
  38.                         style="visibility: hidden; display: block;"
  39.                         loading='lazy'
  40.                     />
  41.                     <img 
  42.                         class="mod-hero-image"
  43.                         src="{{ mod_image.getURL() }}"
  44.                         alt="{{ mod_image.getTitle() }}"
  45.                         style="position:absolute; top: 0; left: 0; right: -15px; width: 100%;"
  46.                         loading='lazy'
  47.                     />
  48.                 {% endif %}
  49.             {% endif %}
  50.             {% if mod_subhead is not empty %}
  51.                 {% if mod_image is not empty %}
  52.                     <div style="padding-top: 20px;">
  53.                 {% endif %}
  54.                 {{ mod_subhead | wordpress | raw }}
  55.                 {% if mod_image is not empty %}
  56.                     </div>
  57.                 {% endif %}
  58.             {% endif %}
  59.                 </div>
  60.             </div>
  61.         {% endif %}
  62.     {% elseif modules[i] == "mtm_module_single_content_area" %}
  63.         {% set mod_text = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_module_text_area") %}
  64.         
  65.         {% if mod_text is not empty %}
  66.         <div class="row">
  67.             <div class="col-md-12 p-3" style="background: {{ mod_bg }};">
  68.                 {% if mod_title is not empty %}
  69.                     <h2 
  70.                         class="mod-title"
  71.                         style="color: {{ mod_title_color }};"
  72.                     >{{ mod_title }}</h2>
  73.                 {% endif %}
  74.                 {% if mod_text is not empty %}
  75.                     {{ mod_text | wordpress(form_attr) | raw }}
  76.                 {% endif %}
  77.             </div>
  78.         </div>
  79.         {% endif %}
  80.     
  81.     {% elseif modules[i] == "mtm_module_dual_content_area" %}
  82.         {% set mod_text = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_module_text_area") %}
  83.         
  84.         {% set mod_text2 = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_module_text_area_2") %}
  85.         {% set mod_bg2 = page.getContentMetaValueByKey("mtm_content_modules_#{i}_rcs_element_background_color_2") %}
  86.         {% set mod_title2 = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_text_area_title_2") %}
  87.         {% set mod_title_color2 = page.getContentMetaValueByKey("mtm_content_modules_#{i}_rcs_module_title_color_2") %}
  88.         
  89.         {% if mod_bg2 is empty %}
  90.             {% set mod_bg2 = "#fff" %}
  91.         {% endif %}
  92.         
  93.         {% if mod_title_color2 is empty %}
  94.             {% set mod_title_color2 = "#222" %}
  95.         {% endif %}
  96.         
  97.         <div class="row">
  98.             <div class="col-md-6 p-3" style="background: {{ mod_bg }};">
  99.                 {% if mod_title is not empty %}
  100.                     <h2 
  101.                         class="mod-title"
  102.                         style="color: {{ mod_title_color }};"
  103.                     >{{ mod_title }}</h2>
  104.                 {% endif %}
  105.                 {% if mod_text is not empty %}
  106.                     {{ mod_text | wordpress(form_attr) | raw }}
  107.                 {% endif %}
  108.             </div>
  109.             <div class="col-md-6 p-3" style="background: {{ mod_bg2 }};">
  110.                 {% if mod_title2 is not empty %}
  111.                     <h2 
  112.                         class="mod-title"
  113.                         style="color: {{ mod_title_color }};"
  114.                     >{{ mod_title2 }}</h2>
  115.                 {% endif %}
  116.                 {% if mod_text2 is not empty %}
  117.                     {{ mod_text2 | wordpress(form_attr) | raw }}
  118.                 {% endif %}
  119.             </div>
  120.         </div>
  121.     
  122.     {% elseif modules[i] == "mtm_module_listgrid" %}
  123.         {# list grid #}
  124.         {% set looping = true %}
  125.         {% for j in 0..5000 %}
  126.             {% if looping %}
  127.                 {% set grid_heading = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_add_list_item_#{j}_mtm_list_item_heading") %}
  128.                 {% set grid_link = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_add_list_item_#{j}_mtm_list_item_link") %}
  129.                 {% set grid_image = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_add_list_item_#{j}_mtm_list_item_image") %}
  130.                 
  131.                 {% if grid_heading is empty %}
  132.                     {% set looping = false %}
  133.                 {% endif %}
  134.                 
  135.                 {% if j == 50  %}
  136.                 <div class="row">
  137.                     <div class="col-md-12">
  138.                     <h1 id="2017" style="margin-bottom:unset">2017</h1>
  139.                     <hr style="border-top: 6px solid #a6252a; margin-top: unset;">
  140.                     </div>
  141.                 </div>
  142.                 {% elseif j == 102 %}
  143.                 <div class="row">
  144.                 <div class="col-md-12">
  145.                     <h1 id="2016" style="margin-bottom:unset">2016</h1>
  146.                     <hr style="border-top: 6px solid #a6252a; margin-top: unset;" />
  147.                 </div>
  148.                 </div>
  149.                 {% endif %}
  150.                 
  151.                 <div class="row my-3">
  152.                     {% if grid_image is not empty %}
  153.                         {% set grid_image = get_entity("Media", "old_id", grid_image) %}
  154.                         <div class="col-md-3">
  155.                             {% if grid_image is not empty %}
  156.                             <a href="{{ grid_link }}" ><img 
  157.                                 class="mod-gridlist-image"
  158.                                 src="{{ grid_image.getURL() }}"
  159.                                 alt="{{ grid_image.getTitle() }}"/></a>
  160.                             {% else %}
  161.                                 [default image]
  162.                             {% endif %}
  163.                         </div>
  164.                         <div class="col-md-9">
  165.                     {% else %}
  166.                         <div class="col-md-12">
  167.                     {% endif %}
  168.                         <a href="{{ grid_link }}" >{{ grid_heading }}</a>
  169.                     </div>
  170.                 </div>
  171.             {% endif %}
  172.         {% endfor %}
  173.         
  174.     {% elseif modules[i] == "mtm_module_gridlist_posts" %}
  175.         {# eg. /meet-rcs-influencers #}
  176.         
  177.         {% set grid_cols = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_grid_archive_per_row") %}
  178.         {% set grid_type = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_list_archive_select") %}
  179.         
  180.         {% if grid_type == 'Add Posts Manually' %}
  181.             {% set grid_posts = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_list_archive_manual_posts") %}
  182.             {% set grid_posts = unserialize(grid_posts) %}
  183.             
  184.             {% set gi = 0 %}
  185.             <div class="row">
  186.             {% for post_id in grid_posts %}
  187.                 {% if gi is not empty and gi is divisible by(grid_cols) %}
  188.                     </div>
  189.                     <div class="row">
  190.                 {% endif %}
  191.                 <div class="col-md-{{ 12 / grid_cols }}">
  192.                     {% set grid_content = get_entity("Content", "old_id", post_id) %}
  193.                     {% if grid_content is not empty %}
  194.                         <a href="{{ grid_content.getURL() }}">
  195.                         {{ grid_content.getFeaturedImageTag("","")|raw }}
  196.                         </a>
  197.                         
  198.                         <a href="{{ grid_content.getURL() }}">{{ grid_content.getTitle() }} </a>
  199.                     {% endif %}
  200.                 </div>
  201.                 {% set gi = gi + 1 %}
  202.             {% endfor %}
  203.             </div>
  204.         {% endif %}
  205.         
  206.     {% elseif modules[i] == "mtm_module_logo_showcase" %}
  207.         {# eg. /partners #}
  208.         
  209.         {% set logo_count = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_logo_repeater") %}
  210.         {% set trade_count = page.getContentMetaValueByKey("rcs_trade_association_repeater") %}  
  211.         
  212.         {% if logo_count is not empty %}
  213.             {#<div class="row">#}<ul style="width: 100%; display: table; table-layout: fixed; border-collapse: collapse;">
  214.             {% for j in 0 .. (logo_count - 1) %}
  215.             {# % set logo_image = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_logo_repeater_#{j}_mtm_logo_image") % #}
  216.             {% set logo_image = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_logo_repeater_#{j}_mtm_logo_image") %}
  217.             {% set logo_link = page.getContentMetaValueByKey("mtm_content_modules_#{i}_mtm_logo_repeater_#{j}_mtm_logo_link") %}
  218.             {% set logo_image = get_entity("Media", "old_id", logo_image) %}
  219.             
  220.                 {% if logo_image is not empty %}
  221.                 {#<div class="col-md-3">#}<li style="display: table-cell; text-align: center; vertical-align: middle; padding: 1.7em 1em;">
  222.                     {% if logo_link is not empty %}
  223.                         <a href="{{ logo_link }}">
  224.                     {% endif %}
  225.                     <img
  226.                         src="{{ logo_image.getURL() }}"
  227.                         title="{{ logo_image.getTitle() }}"
  228.                         loading='lazy'
  229.                     />
  230.                     {% if logo_link is not empty %}
  231.                         </a>
  232.                     {% endif %}
  233.                 {#</div>#}</li>
  234.                 {% endif %}
  235.             {% endfor %}
  236.             {#</div>#}</ul>
  237.         {% endif %}
  238.         
  239.         {% if trade_count is not empty %}
  240.                 
  241.             {% for j in 0 .. (trade_count - 1) %}
  242.                 {% set trade_name = page.getContentMetaValueByKey("rcs_trade_association_repeater_#{j}_rcs_trade_association_name") %}
  243.                 {% set trade_website = page.getContentMetaValueByKey("rcs_trade_association_repeater_#{j}_rcs_trade_association_website") %}
  244.                 {% set trade_location = page.getContentMetaValueByKey("rcs_trade_association_repeater_#{j}_rcs_trade_association_location") %}
  245.                 {% set trade_phone = page.getContentMetaValueByKey("rcs_trade_association_repeater_#{j}_rcs_trade_association_phone_number") %}
  246.                 <div class="row my-3">
  247.                     <div class="col-md-12">
  248.                         <h4 class="my-0">{{ trade_name }}</h4>
  249.                         <div class="trade-association--info">
  250.                         <p class="my-0">{{ trade_location }} | {{ trade_phone }}</p>
  251.                         <a  href="{{ trade_website }}">Visit Website</a>
  252.                         </div>
  253.                     </div>
  254.                 </div>
  255.             {% endfor %}
  256.         
  257.         {% endif %}
  258.         
  259.     
  260.     {% endif %}
  261. {% endfor %}