1<section style="padding-bottom: 1px;">
2 <div class="justify-content-between d-flex">
3 <h2 class="title-component">Nossas Marcas<span class="ponto-redondo">.</span></h2>
4 <a href="/web${themeDisplay.getScopeGroup().getFriendlyURL()}/marcas-e-produtos-pg"> 5 <div class="btn-primary_pms293">
6 Ver todas as marcas
7 </div>
8 </a>
9 </div>
10 <div class="carrossel-home-marcas">
11 <#list entries as entry>
12
13 <#assign
14 assetRenderer = entry.getAssetRenderer()
15 serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
16 dlAppLocalServiceUtil = staticUtil["com.liferay.document.library.kernel.service.DLAppLocalServiceUtil"]
17 dlUtil = staticUtil["com.liferay.document.library.kernel.util.DLUtil"]
18 themeDisplay = serviceContext.getThemeDisplay()>
19
20 <#if assetRenderer.getClassName()=="com.liferay.journal.model.JournalArticle">
21
22 <#assign docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent()) />
23
24 <#assign
25 marca = docXml.valueOf("//dynamic-element[@name='marca']/dynamic-content/text()") 26 textoResumo = docXml.valueOf("//dynamic-element[@name='textoResumo']/dynamic-content/text()") 27 logomarca = docXml.valueOf("//dynamic-element[@name='logomarca']/dynamic-content/text()") 28 imagemFundo = docXml.valueOf("//dynamic-element[@name='imagemDeFundo']/dynamic-content/text()") 29 linkTwitter = docXml.valueOf("//dynamic-element[@name='linkTwitter']/dynamic-content/text()") 30 linkFacebook = docXml.valueOf("//dynamic-element[@name='linkFacebook']/dynamic-content/text()") 31 linkInstagram = docXml.valueOf("//dynamic-element[@name='linkInstagram']/dynamic-content/text()") 32 linkYoutube = docXml.valueOf("//dynamic-element[@name='linkYoutube']/dynamic-content/text()") 33 urlSite = docXml.valueOf("//dynamic-element[@name='urlSite']/dynamic-content/text()") 34 exibirPaginaInicial = docXml.valueOf("//dynamic-element[@name='exibirPaginaInicial']/dynamic-content/text()")> 35
36 <#if exibirPaginaInicial == "true">
37 <#if imagemFundo?has_content>
38 <#assign
39 fundo = imagemFundo?eval
40 fundoUuid = fundo.uuid
41 groupId = fundo.groupId
42 dlFile = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(fundoUuid,groupId?number)
43 imgUrl = dlUtil.getPreviewURL(dlFile, dlFile.getFileVersion(),themeDisplay,'')>
44 </#if>
45
46
47 <article class="carrossel-card-marcas">
48 <div class="marca-brand-img" style="background-image: url('${imgUrl}');" width="353" height="386"> 49 <div class="card-brand-marcas">
50 <figure class="card-brand-img mb-0">
51 <#assign
52 logo = logomarca?eval
53 logoUuid = logo.uuid
54 groupId = logo.groupId
55 dlFile = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(logoUuid,groupId?number)
56 imgUrl = dlUtil.getPreviewURL(dlFile, dlFile.getFileVersion(),themeDisplay,'')>
57 <img src="${imgUrl}" alt="${marca}" width="132" height="132" alt="${assetRenderer.getTitle(locale)}"> 58 </figure>
59 <div class="card-brand-text">
60 <p class="text-marca">${textoResumo}</p> 61 </div>
62 <div class="card-brand-redesSociais">
63 <#if linkFacebook?has_content>
64 <a href="${linkFacebook}" target="_blank" title="Facebook ${assetRenderer.getTitle(locale)}"> 65 <div class="first-icon">
66 <i class="icon-facebook icon-2x"></i>
67 </div>
68 </a>
69 </#if>
70 <#if linkInstagram?has_content>
71 <a href="${linkInstagram}" target="_blank" title="Instagram ${assetRenderer.getTitle(locale)}"> 72 <div class="second-icon">
73 <i class="icon-instagram icon-2x" style="color: #00A3E0"></i>
74 </div>
75 </a>
76 </#if>
77 <#if linkTwitter?has_content>
78 <a href="${linkTwitter}" target="_blank" title="Twitter ${assetRenderer.getTitle(locale)}"> 79 <div class="second-icon">
80 <i class="icon-twitter icon-2x"></i>
81 </div>
82 </a>
83 </#if>
84 <#if linkYoutube?has_content>
85 <a href="${linkYoutube}" target="_blank" title="Youtube ${assetRenderer.getTitle(locale)}"> 86 <div class="second-icon">
87 <i class="icon-youtube icon-2x" style="color: #00A3E0"></i>
88 </div>
89 </a>
90 </#if>
91 </div>
92 <a href="${urlSite}" target="_blank" title="Site ${assetRenderer.getTitle(locale)}"> 93 <button class="btn-marcas d-inline-flex justify-content-center align-items-center">
94 <span class="pr-2">
95 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.9 13.2" style="width: 12px"><defs><style>.a{fill:#00a3e0;}</style></defs><path class="a" d="M6.3,7V5.8a.9.9,0,0,1,1-.8h0L17.7,6.1a.8.8,0,0,1,.8,1h0L17.4,17.4a.8.8,0,0,1-.9.8H15.3a.9.9,0,0,1-.8-1h0l.8-6.3L6.8,17.7a.8.8,0,0,1-1.2-.2h0l-.8-.9a.9.9,0,0,1,.1-1.3h0l8.5-6.8L7.1,8a.9.9,0,0,1-.8-1Z" transform="translate(-4.6 -5)"/></svg> 96 </span>
97 Ir para o site
98 </button>
99 </a>
100 </div>
101 </div>
102 </article>
103 </#if>
104 </#if>
105 </#list>
106 </div>
107</section>
108
109<script>
110var max = 50;
111var tot, str;
112$('.text-marca').each(function() { 113 str = String($(this).html());
114 tot = str.length;
115 str = (tot <= max) ? str : str.substring(0,(max + 1))+"...";
116$(this).html(str);
117});
118</script>
119
120<@liferay.js file_name="${themeDisplay.getPathThemeJavaScript()}/carrosselMarcas.js"/> 
