custom/plugins/TcinnThemeWareLiving/src/Resources/views/storefront/themeware/widgets/twt-communities-include.html.twig line 1

Open in your IDE?
  1. {# ThemeWare "Communities" widget #}
  2. {#
  3.     Create "Communities" widget and add content
  5.     @Storefront/storefront/themeware/widgets/twt-communities-include.html.twig
  6. #}
  8. {# TODO: Blöcke prüfen... #}
  10. {# TODO:
  11.     - Add floating option...
  12.     - Add usp-bar option...
  13. #}
  15. {# ---------------- START: SET TEMPLATE VARS ---------------- #}
  17. {# ThemeWare: Set theme variables #}
  18. {% set twtWidgetCommunitiesAdditionalTextShow = theme_config('twt-widget-communities-additional-text-show') %}
  19. {% set twtWidgetCommunitiesBlog = theme_config('twt-widget-communities-blog') %}
  20. {% set twtWidgetCommunitiesBlogger = theme_config('twt-widget-communities-blogger') %}
  21. {% set twtWidgetCommunitiesFacebook = theme_config('twt-widget-communities-facebook') %}
  22. {% set twtWidgetCommunitiesFlickr = theme_config('twt-widget-communities-flickr') %}
  23. {% set twtWidgetCommunitiesIconStyle = theme_config('twt-widget-communities-icon-style') %}
  24. {% set twtWidgetCommunitiesInstagram = theme_config('twt-widget-communities-instagram') %}
  25. {% set twtWidgetCommunitiesLinkedin = theme_config('twt-widget-communities-linkedin') %}
  26. {% set twtWidgetCommunitiesPinterest = theme_config('twt-widget-communities-pinterest') %}
  27. {% set twtWidgetCommunitiesTiktok = theme_config('twt-widget-communities-tiktok') %}
  28. {% set twtWidgetCommunitiesTwitch = theme_config('twt-widget-communities-twitch') %}
  29. {% set twtWidgetCommunitiesTwitter = theme_config('twt-widget-communities-twitter') %}
  30. {% set twtWidgetCommunitiesVimeo = theme_config('twt-widget-communities-vimeo') %}
  31. {% set twtWidgetCommunitiesWebsite = theme_config('twt-widget-communities-website') %}
  32. {% set twtWidgetCommunitiesWhatsapp = theme_config('twt-widget-communities-whatsapp') %}
  33. {% set twtWidgetCommunitiesXing = theme_config('twt-widget-communities-xing') %}
  34. {% set twtWidgetCommunitiesYoutube = theme_config('twt-widget-communities-youtube') %}
  36. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  38. {% if twtWidgetCommunitiesIconStyle == 1 %}
  39.     {% set style = 'default' %}
  40. {% elseif twtWidgetCommunitiesIconStyle == 2 %}
  41.     {% set style = 'isolated' %}
  42. {% elseif twtWidgetCommunitiesIconStyle == 3 %}
  43.     {% set style = 'badge' %}
  44. {% elseif twtWidgetCommunitiesIconStyle == 4 %}
  45.     {% set style = 'square' %}
  46. {% elseif twtWidgetCommunitiesIconStyle == 5 %}
  47.     {% set style = 'circle' %}
  48. {% elseif twtWidgetCommunitiesIconStyle == 6 %}
  49.     {% set style = 'default-mono' %}
  50. {% elseif twtWidgetCommunitiesIconStyle == 7 %}
  51.     {% set style = 'isolated-mono' %}
  52. {% elseif twtWidgetCommunitiesIconStyle == 8 %}
  53.     {% set style = 'badge-mono' %}
  54. {% elseif twtWidgetCommunitiesIconStyle == 9 %}
  55.     {% set style = 'square-mono' %}
  56. {% elseif twtWidgetCommunitiesIconStyle == 10 %}
  57.     {% set style = 'circle-mono' %}
  58. {% endif %}
  60. {# ThemeWare: Overwrite icon style when its slideout #}
  61. {% if type == 'slideout' %}
  62.     {% set style = 'square' %}
  63. {% endif %}
  65. {# ThemeWare: Overwrite icon style when its in USP bar #}
  66. {% if type == 'usp-bar' %}
  67.     {% set style = 'default-mono' %}
  68. {% endif %}
  70. {# ThemeWare: Social icons #}
  71. {% block twt_widget_communities %}
  72.     <div class="twt-widget-communities twt-communities{% if type == 'slideout' %} is-slideout{% endif %}{% if type == 'sidebar' %} is-sidebar{% endif %}{% if type == 'cms' %} is-cms{% endif %}{% if type == 'usp-bar' %} is-usp-bar{% endif %}">
  74.         {% block twt_widget_communities_content %}
  75.             {% if twtWidgetCommunitiesAdditionalTextShow == 2 %}
  76.                 <div class="twt-communities-additional-text">
  77.                     <p>{{ "twt.widget.communities.additionalText"|trans|sw_sanitize }}</p>
  78.                 </div>
  79.             {% endif %}
  81.             <ul class="twt-communities-list">
  82.                 {# ThemeWare: Facebook logo #}
  83.                 {% if twtWidgetCommunitiesFacebook == 2 %}
  85.                     {% block twt_widget_communities_facebook %}
  86.                         {% set icon = 'facebook' %}
  87.                         <li class="twt-communities-item item-{{ icon }}">
  88.                             <a href="{{ "twt.widget.communities.facebook.link"|trans|sw_sanitize }}"
  89.                                aria-label="{{ "twt.widget.communities.facebook.name"|trans|sw_sanitize }}"
  90.                                title="{{ "twt.widget.communities.facebook.name"|trans|sw_sanitize }}"
  91.                                class="twt-communities-link link-facebook"
  92.                                rel="noopener"
  93.                                target="_blank">
  94.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  95.                                     icon: icon,
  96.                                     style: style
  97.                                 } %}
  98.                                 <span class="twt-communities-label">
  99.                                     {{ "twt.widget.communities.facebook.name"|trans|sw_sanitize }}
  100.                                 </span>
  101.                             </a>
  102.                         </li>
  103.                     {% endblock %}
  105.                 {% endif %}
  107.                 {# ThemeWare: Instagram #}
  108.                 {% if twtWidgetCommunitiesInstagram == 2 %}
  110.                     {% block twt_widget_communities_instagram %}
  111.                         {% set icon = 'instagram' %}
  112.                         <li class="twt-communities-item item-{{ icon }}">
  113.                             <a href="{{ "twt.widget.communities.instagram.link"|trans|sw_sanitize }}"
  114.                                aria-label="{{ "twt.widget.communities.instagram.name"|trans|sw_sanitize }}"
  115.                                title="{{ "twt.widget.communities.instagram.name"|trans|sw_sanitize }}"
  116.                                class="twt-communities-link link-instagram"
  117.                                rel="noopener"
  118.                                target="_blank">
  119.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  120.                                     icon: icon,
  121.                                     style: style
  122.                                 } %}
  123.                                 <span class="twt-communities-label">
  124.                                     {{ "twt.widget.communities.instagram.name"|trans|sw_sanitize }}
  125.                                 </span>
  126.                             </a>
  127.                         </li>
  128.                     {% endblock %}
  130.                 {% endif %}
  132.                 {# ThemeWare: Twitter #}
  133.                 {% if twtWidgetCommunitiesTwitter == 2 %}
  135.                     {% block twt_widget_communities_twitter %}
  136.                         {% set icon = 'twitter' %}
  137.                         <li class="twt-communities-item item-{{ icon }}">
  138.                             <a href="{{ "twt.widget.communities.twitter.link"|trans|sw_sanitize }}"
  139.                                aria-label="{{ "twt.widget.communities.twitter.name"|trans|sw_sanitize }}"
  140.                                title="{{ "twt.widget.communities.twitter.name"|trans|sw_sanitize }}"
  141.                                class="twt-communities-link link-twitter"
  142.                                rel="noopener"
  143.                                target="_blank">
  144.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  145.                                     icon: icon,
  146.                                     style: style
  147.                                 } %}
  148.                                 <span class="twt-communities-label">
  149.                                     {{ "twt.widget.communities.twitter.name"|trans|sw_sanitize }}
  150.                                 </span>
  151.                             </a>
  152.                         </li>
  153.                     {% endblock %}
  155.                 {% endif %}
  157.                 {# ThemeWare: Youtbe #}
  158.                 {% if twtWidgetCommunitiesYoutube == 2 %}
  160.                     {% block twt_widget_communities_youtube %}
  161.                         {% set icon = 'youtube' %}
  162.                         <li class="twt-communities-item item-{{ icon }}">
  163.                             <a href="{{ "twt.widget.communities.youtube.link"|trans|sw_sanitize }}"
  164.                                aria-label="{{ "twt.widget.communities.youtube.name"|trans|sw_sanitize }}"
  165.                                title="{{ "twt.widget.communities.youtube.name"|trans|sw_sanitize }}"
  166.                                class="twt-communities-link link-youtube"
  167.                                rel="noopener"
  168.                                target="_blank">
  169.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  170.                                     icon: icon,
  171.                                     style: style
  172.                                 } %}
  173.                                 <span class="twt-communities-label">
  174.                                     {{ "twt.widget.communities.youtube.name"|trans|sw_sanitize }}
  175.                                 </span>
  176.                             </a>
  177.                         </li>
  178.                     {% endblock %}
  180.                 {% endif %}
  182.                 {# ThemeWare: Vimeo #}
  183.                 {% if twtWidgetCommunitiesVimeo == 2 %}
  185.                     {% block twt_widget_communities_vimeo %}
  186.                         {% set icon = 'vimeo' %}
  187.                         <li class="twt-communities-item item-{{ icon }}">
  188.                             <a href="{{ "twt.widget.communities.vimeo.link"|trans|sw_sanitize }}"
  189.                                aria-label="{{ "twt.widget.communities.vimeo.name"|trans|sw_sanitize }}"
  190.                                title="{{ "twt.widget.communities.vimeo.name"|trans|sw_sanitize }}"
  191.                                class="twt-communities-link link-vimeo"
  192.                                rel="noopener"
  193.                                target="_blank">
  194.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  195.                                     icon: icon,
  196.                                     style: style
  197.                                 } %}
  198.                                 <span class="twt-communities-label">
  199.                                     {{ "twt.widget.communities.vimeo.name"|trans|sw_sanitize }}
  200.                                 </span>
  201.                             </a>
  202.                         </li>
  203.                     {% endblock %}
  205.                 {% endif %}
  207.                 {# ThemeWare: Twitch #}
  208.                 {% if twtWidgetCommunitiesTwitch == 2 %}
  210.                     {% block twt_widget_communities_twitch %}
  211.                         {% set icon = 'twitch' %}
  212.                         <li class="twt-communities-item item-{{ icon }}">
  213.                             <a href="{{ "twt.widget.communities.twitch.link"|trans|sw_sanitize }}"
  214.                                aria-label="{{ "twt.widget.communities.twitch.name"|trans|sw_sanitize }}"
  215.                                title="{{ "twt.widget.communities.twitch.name"|trans|sw_sanitize }}"
  216.                                class="twt-communities-link link-twitch"
  217.                                rel="noopener"
  218.                                target="_blank">
  219.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  220.                                     icon: icon,
  221.                                     style: style
  222.                                 } %}
  223.                                 <span class="twt-communities-label">
  224.                                     Twitch{#{ "twt.widget.communities.twitch.name"|trans|sw_sanitize }#}
  225.                                 </span>
  226.                             </a>
  227.                         </li>
  228.                     {% endblock %}
  230.                 {% endif %}
  232.                 {# ThemeWare: Flickr #}
  233.                 {% if twtWidgetCommunitiesFlickr == 2 %}
  235.                     {% block twt_widget_communities_flickr %}
  236.                         {% set icon = 'flickr' %}
  237.                         <li class="twt-communities-item item-{{ icon }}">
  238.                             <a href="{{ "twt.widget.communities.flickr.link"|trans|sw_sanitize }}"
  239.                                aria-label="{{ "twt.widget.communities.flickr.name"|trans|sw_sanitize }}"
  240.                                title="{{ "twt.widget.communities.flickr.name"|trans|sw_sanitize }}"
  241.                                class="twt-communities-link link-flickr"
  242.                                rel="noopener"
  243.                                target="_blank">
  244.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  245.                                     icon: icon,
  246.                                     style: style
  247.                                 } %}
  248.                                 <span class="twt-communities-label">
  249.                                     {{ "twt.widget.communities.flickr.name"|trans|sw_sanitize }}
  250.                                 </span>
  251.                             </a>
  252.                         </li>
  253.                     {% endblock %}
  255.                 {% endif %}
  257.                 {# ThemeWare: Pinterest #}
  258.                 {% if twtWidgetCommunitiesPinterest == 2 %}
  260.                     {% block twt_widget_communities_pinterest %}
  261.                         {% set icon = 'pinterest' %}
  262.                         <li class="twt-communities-item item-{{ icon }}">
  263.                             <a href="{{ "twt.widget.communities.pinterest.link"|trans|sw_sanitize }}"
  264.                                aria-label="{{ "twt.widget.communities.pinterest.name"|trans|sw_sanitize }}"
  265.                                title="{{ "twt.widget.communities.pinterest.name"|trans|sw_sanitize }}"
  266.                                class="twt-communities-link link-pinterest"
  267.                                rel="noopener"
  268.                                target="_blank">
  269.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  270.                                     icon: icon,
  271.                                     style: style
  272.                                 } %}
  273.                                 <span class="twt-communities-label">
  274.                                     {{ "twt.widget.communities.pinterest.name"|trans|sw_sanitize }}
  275.                                 </span>
  276.                             </a>
  277.                         </li>
  278.                     {% endblock %}
  280.                 {% endif %}
  282.                 {# ThemeWare: TikTok #}
  283.                 {% if twtWidgetCommunitiesTiktok == 2 %}
  285.                     {% block twt_widget_communities_tiktok %}
  286.                         {% set icon = 'tiktok' %}
  287.                         <li class="twt-communities-item item-{{ icon }}">
  288.                             <a href="{{ "twt.widget.communities.tiktok.link"|trans|sw_sanitize }}"
  289.                                aria-label="{{ "twt.widget.communities.tiktok.name"|trans|sw_sanitize }}"
  290.                                title="{{ "twt.widget.communities.tiktok.name"|trans|sw_sanitize }}"
  291.                                class="twt-communities-link link-tiktok"
  292.                                rel="noopener"
  293.                                target="_blank">
  294.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  295.                                     icon: icon,
  296.                                     style: style
  297.                                 } %}
  298.                                 <span class="twt-communities-label">
  299.                                     {{ "twt.widget.communities.tiktok.name"|trans|sw_sanitize }}
  300.                                 </span>
  301.                             </a>
  302.                         </li>
  303.                     {% endblock %}
  305.                 {% endif %}
  307.                 {# ThemeWare: Blogger #}
  308.                 {% if twtWidgetCommunitiesBlogger == 2 %}
  310.                     {% block twt_widget_communities_blogger %}
  311.                         {% set icon = 'blogger' %}
  312.                         <li class="twt-communities-item item-{{ icon }}">
  313.                             <a href="{{ "twt.widget.communities.blogger.link"|trans|sw_sanitize }}"
  314.                                aria-label="{{ "twt.widget.communities.blogger.name"|trans|sw_sanitize }}"
  315.                                title="{{ "twt.widget.communities.blogger.name"|trans|sw_sanitize }}"
  316.                                class="twt-communities-link link-blogger"
  317.                                rel="noopener"
  318.                                target="_blank">
  319.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  320.                                     icon: icon,
  321.                                     style: style
  322.                                 } %}
  323.                                 <span class="twt-communities-label">
  324.                                     {{ "twt.widget.communities.blogger.name"|trans|sw_sanitize }}
  325.                                 </span>
  326.                             </a>
  327.                         </li>
  328.                     {% endblock %}
  330.                 {% endif %}
  332.                 {# ThemeWare: Blog (WordPress) #}
  333.                 {% if twtWidgetCommunitiesBlog == 2 %}
  335.                     {% block twt_widget_communities_blog %}
  336.                         {% set icon = 'wordpress' %}
  337.                         <li class="twt-communities-item item-blog">
  338.                             <a href="{{ "twt.widget.communities.blog.link"|trans|sw_sanitize }}"
  339.                                aria-label="{{ "twt.widget.communities.blog.name"|trans|sw_sanitize }}"
  340.                                title="{{ "twt.widget.communities.blog.name"|trans|sw_sanitize }}"
  341.                                class="twt-communities-link link-blog"
  342.                                rel="noopener"
  343.                                target="_blank">
  344.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  345.                                     icon: icon,
  346.                                     style: style
  347.                                 } %}
  348.                                 <span class="twt-communities-label">
  349.                                     {{ "twt.widget.communities.blog.name"|trans|sw_sanitize }}
  350.                                 </span>
  351.                             </a>
  352.                         </li>
  353.                     {% endblock %}
  355.                 {% endif %}
  357.                 {# ThemeWare: WhatsApp #}
  358.                 {% if twtWidgetCommunitiesWhatsapp == 2 %}
  360.                     {% block twt_widget_communities_whatsapp %}
  361.                         {% set icon = 'whatsapp' %}
  362.                         <li class="twt-communities-item item-{{ icon }}">
  363.                             <a href="{{ "twt.widget.communities.whatsapp.link"|trans|sw_sanitize }}"
  364.                                aria-label="{{ "twt.widget.communities.whatsapp.name"|trans|sw_sanitize }}"
  365.                                title="{{ "twt.widget.communities.whatsapp.name"|trans|sw_sanitize }}"
  366.                                class="twt-communities-link link-whatsapp"
  367.                                rel="noopener"
  368.                                target="_blank">
  369.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  370.                                     icon: icon,
  371.                                     style: style
  372.                                 } %}
  373.                                 <span class="twt-communities-label">
  374.                                     {{ "twt.widget.communities.whatsapp.name"|trans|sw_sanitize }}
  375.                                 </span>
  376.                             </a>
  377.                         </li>
  378.                     {% endblock %}
  380.                 {% endif %}
  382.                 {# ThemeWare: LinkedIn #}
  383.                 {% if twtWidgetCommunitiesLinkedin == 2 %}
  385.                     {% block twt_widget_communities_linkedin %}
  386.                         {% set icon = 'linkedin' %}
  387.                         <li class="twt-communities-item item-{{ icon }}">
  388.                             <a href="{{ "twt.widget.communities.linkedin.link"|trans|sw_sanitize }}"
  389.                                aria-label="{{ "twt.widget.communities.linkedin.name"|trans|sw_sanitize }}"
  390.                                title="{{ "twt.widget.communities.linkedin.name"|trans|sw_sanitize }}"
  391.                                class="twt-communities-link link-linkedin"
  392.                                rel="noopener"
  393.                                target="_blank">
  394.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  395.                                     icon: icon,
  396.                                     style: style
  397.                                 } %}
  398.                                 <span class="twt-communities-label">
  399.                                     {{ "twt.widget.communities.linkedin.name"|trans|sw_sanitize }}
  400.                                 </span>
  401.                             </a>
  402.                         </li>
  403.                     {% endblock %}
  405.                 {% endif %}
  407.                 {# ThemeWare: Xing #}
  408.                 {% if twtWidgetCommunitiesXing == 2 %}
  410.                     {% block twt_widget_communities_xing %}
  411.                         {% set icon = 'xing' %}
  412.                         <li class="twt-communities-item item-{{ icon }}">
  413.                             <a href="{{ "twt.widget.communities.xing.link"|trans|sw_sanitize }}"
  414.                                aria-label="{{ "twt.widget.communities.xing.name"|trans|sw_sanitize }}"
  415.                                title="{{ "twt.widget.communities.xing.name"|trans|sw_sanitize }}"
  416.                                class="twt-communities-link link-xing"
  417.                                rel="noopener"
  418.                                target="_blank">
  419.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  420.                                     icon: icon,
  421.                                     style: style
  422.                                 } %}
  423.                                 <span class="twt-communities-label">
  424.                                     {{ "twt.widget.communities.xing.name"|trans|sw_sanitize }}
  425.                                 </span>
  426.                             </a>
  427.                         </li>
  428.                     {% endblock %}
  430.                 {% endif %}
  432.                 {# ThemeWare: eMail #}
  434.                 {# ThemeWare: Website #}
  435.                 {% if twtWidgetCommunitiesWebsite == 2 %}
  437.                     {% block twt_widget_communities_website %}
  438.                         {% set icon = 'website' %}
  439.                         <li class="twt-communities-item item-{{ icon }}">
  440.                             <a href="{{ "twt.widget.communities.website.link"|trans|sw_sanitize }}"
  441.                                aria-label="{{ "twt.widget.communities.website.name"|trans|sw_sanitize }}"
  442.                                title="{{ "twt.widget.communities.website.name"|trans|sw_sanitize }}"
  443.                                class="twt-communities-link link-website"
  444.                                rel="noopener"
  445.                                target="_blank">
  446.                                 {% sw_include '@Storefront/storefront/themeware/twt-social-icons.html.twig' ignore missing with {
  447.                                     icon: icon,
  448.                                     style: style
  449.                                 } %}
  450.                                 <span class="twt-communities-label">
  451.                                     {{ "twt.widget.communities.website.name"|trans|sw_sanitize }}
  452.                                 </span>
  453.                             </a>
  454.                         </li>
  455.                     {% endblock %}
  457.                 {% endif %}
  459.             </ul>
  460.         {% endblock %}
  461.         
  462.     </div>
  463. {% endblock %}