Soluções em caixas
As embalagens de papelão ondulado Klabin são fornecidas para todos os segmentos de negócios, conforme as especificações do cliente, e atendem às mais elevadas exigências de qualidade. Entre outras características, nossas embalagens de papelão ondulado são resistentes à diversas condições de armazenamento e transporte, como ambientes úmidos e com baixa temperatura, garantindo a integridade da mercadoria até o destino final.
nossos produtos
Para cada segmento de mercado, a Klabin apresenta as melhores soluções.
Um erro ocorreu enquanto processava o modelo.
Java method "com.sun.proxy.$Proxy141.getFileEntry(long)" threw an exception when invoked on com.sun.proxy.$Proxy141 object "com.liferay.document.library.opener.onedrive.web.internal.service.DLOpenerOneDriveDLAppServiceWrapper@2576175c"; see cause exception in the Java stack trace. ---- FTL stack trace ("~" means nesting-related): - Failed at: fileEntry = dlAppService.getFileEntry... [in template "34847455847212#47755#557550" at line 164, column 34] ----
1<#--
2 Web Content Template
3 Name: [pt] Negócios e produtos | Nossos produtos
4 [en] Business and products | Our products
5 Path: /assets/negocios-e-produtos/embalagens/nossos-produtos/nossos-produtos.ftl
6-->
7
8<#assign dlAppService=serviceLocator.findService("com.liferay.document.library.kernel.service.DLAppService")>
9<#assign dlUtil=serviceLocator.findService("com.liferay.document.library.kernel.util.DLUtil")>
10
11<style>
12 .kol_container-1100 {
13 max-width: 1100px;
14 margin: 0 auto;
15 }
16
17 .kol__product {
18 border: 1px solid #e3dbca;
19 border-radius: 3px;
20 height: 475px;
21 background: #f6f3ee;
22 margin-bottom: 20px;
23 }
24
25 .kol__product_header {
26 padding: 10px 20px;
27 background: #fff;
28 border-bottom: 1px solid #e3dbca;
29 }
30
31 .kol__product_header h1 {
32 color: #009039;
33 font-size: 1.688rem;
34 line-height: 1.7rem;
35 margin-bottom: 5px;
36 }
37
38 .kol__product_header p {
39 color: #3e3e3e;
40 font-size: 0.813rem;
41 margin-bottom: 0px;
42 }
43
44 .kol__product_content {
45 padding: 20px;
46 display: flex;
47 justify-content: space-between;
48 }
49
50 .kol__product_content img {
51 width: 150px;
52 height: 100%;
53 }
54
55 .kol__product_content h2 {
56 color: #3d4b14;
57 font-size: 1.375rem;
58 }
59
60 .kol__product_content p {
61 color: #3e3e3e;
62 font-size: 0.875rem;
63 }
64
65 .kol__product_content a {
66 align-items: center;
67 display: flex;
68 color: #009039;
69 text-transform: uppercase;
70 font-size: 0.75rem;
71 font-weight: 700;
72 cursor: pointer;
73 text-decoration: none !important;
74 }
75
76 .kol-media-lightbox__dialog {
77 max-width: 800px !important;
78 width: 100% !important;
79 }
80
81 .slick-slide img {
82 display: block;
83 margin: 0 auto 30px auto;
84 max-width: 100%;
85 }
86
87 .kol-media-lightbox__close {
88 cursor: pointer;
89 }
90
91 .kol__max-width-card {
92 max-width: 70%;
93 }
94
95 @media screen and (max-width: 1060px) {
96 .kol__product {
97 height: auto;
98 min-height: 650px;
99 }
100
101 .kol__product_content {
102 flex-direction: column;
103 align-items: center;
104 }
105 }
106
107 @media (max-width: 1200px) {
108 .kol__max-width-card {
109 max-width: 60%;
110 }
111 }
112
113 @media (max-width: 1024px) {
114 .kol__max-width-card {
115 max-width: 100%;
116 }
117 }
118
119 @media screen and (max-width: 767px) {
120 .kol__product {
121 height: auto;
122 min-height: 200px;
123 }
124
125 .kol__product_content img {
126 margin-bottom: 20px;
127 }
128 }
129</style>
130
131<#if entries?has_content>
132 <div class="kol_container-1100">
133 <div class="row">
134 <#list entries as curEntry>
135 <#assign assetRenderer=curEntry.getAssetRenderer() />
136 <#assign article=assetRenderer.getArticle() />
137 <#assign document=saxReaderUtil.read(article.getContent()) />
138 <#assign rootElement=document.getRootElement() />
139
140 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='title']/dynamic-content[@language-id='${locale}']")
141 title=xPathSelector.selectSingleNode(rootElement).getStringValue()?trim />
142 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='subtitle']/dynamic-content[@language-id='${locale}']")
143 subtitle=xPathSelector.selectSingleNode(rootElement).getStringValue()?trim />
144 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='seemore']/dynamic-content[@language-id='${locale}']")
145 seemore=xPathSelector.selectSingleNode(rootElement).getStringValue()?trim />
146 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='galleryButton']/dynamic-content[@language-id='${locale}']")
147 galleryButton=xPathSelector.selectSingleNode(rootElement).getStringValue()?trim />
148 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='image' ]/dynamic-content[@language-id='${locale}']")
149 image=xPathSelector.selectSingleNode(rootElement).getStringValue()?trim />
150 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='mainDescription' ]/dynamic-content[@language-id='${locale}']")
151 mainDescription=xPathSelector.selectSingleNode(rootElement).getStringValue()?trim />
152 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='secondDescription' ]/dynamic-content[@language-id='${locale}']")
153 secondDescription=xPathSelector.selectSingleNode(rootElement).getStringValue()?trim />
154
155 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='imageGallery' ]")
156 imageGallery=xPathSelector.selectNodes(rootElement) />
157 <#assign xPathSelector=saxReaderUtil.createXPath("dynamic-element[@field-reference='redirectLink' ]/dynamic-content[@language-id='${locale}']")
158 redirectLink=xPathSelector.selectSingleNode(rootElement).getStringValue()?trim />
159
160 <#assign urlImage="">
161 <#if image?? && image!="">
162 <#assign fileJson=jsonFactoryUtil.createJSONObject(image)
163 fileEntryId=getterUtil.getInteger(fileJson.get('fileEntryId')) />
164 <#assign fileEntry=dlAppService.getFileEntry(fileEntryId)
165 urlImage=themeDisplay.getPortalURL() + "/documents/" + fileEntry.groupId + "/" +
166 fileEntry.uuid + "?t=" + .now?string["HHmmssSSS"]?string />
167 </#if>
168
169 <div class="col-xs-12 col-sm-6">
170 <div class="kol__product">
171 <div class="kol__product_header">
172 <h1>${title}</h1>
173 <p>${subtitle}</p>
174 </div>
175 <div class="kol__product_content">
176 <img src="${urlImage}" />
177 <div class="ml-4 kol__max-width-card">
178 <h2>${mainDescription}</h2>
179 <p>${secondDescription}</p>
180 <div class="d-flex justify-content-between">
181 <a class="button-open-gallery-${curEntry?index}">
182 <svg class="mr-2" width="28" height="24" viewBox="0 0 28 24"
183 fill="none" xmlns="http://www.w3.org/2000/svg">
184 <ellipse cx="19.4036" cy="11.5445" rx="8.59648" ry="8.59721"
185 fill="#E3DBCA" />
186 <path
187 d="M23.7799 12.8326C23.8102 11.7706 23.0102 11.7229 22.4376 11.4413C20.8348 10.6531 19.2256 9.87761 17.633 9.06932C17.2905 8.8938 16.9843 8.65517 16.7303 8.36596C16.4249 8.01447 16.1141 7.83645 15.7659 8.20091C15.4009 8.5829 15.6684 8.93179 15.9929 9.17833C16.7159 9.72751 17.461 10.2474 18.3072 10.8587C17.0487 10.84 15.8424 10.7871 14.6376 10.811C11.3528 10.8763 8.06898 10.9976 4.78405 11.0459C3.67327 11.0395 2.56364 10.9735 1.45995 10.848C0.95163 10.8006 0.454982 10.6846 0.293409 11.3387C0.1726 11.8278 0.56287 12.1531 1.37434 12.1771C3.4563 12.2387 5.53965 12.3066 7.6219 12.2926C10.0912 12.2759 12.5601 12.1804 15.0289 12.1099C15.7486 12.061 16.4711 12.067 17.1899 12.1279C16.6938 12.6303 16.0302 12.6383 15.4256 12.7982C15.1978 12.8585 14.9125 12.849 14.7558 12.9873C14.6811 13.0719 14.6247 13.1711 14.5901 13.2785C14.5554 13.3859 14.5433 13.4994 14.5544 13.6117C14.5899 13.6958 14.646 13.7696 14.7175 13.8263C14.7891 13.883 14.8737 13.9207 14.9637 13.9361C15.2515 13.935 15.5376 13.8921 15.8131 13.8087C18.0777 13.2646 20.3339 12.6909 22.7041 13.0573C23.0423 13.1096 23.4188 12.914 23.7799 12.8326Z"
188 fill="#009039" />
189 </svg>
190 ${galleryButton}
191 </a>
192 <a href="${redirectLink}">
193 <svg class="mr-2" width="28" height="24" viewBox="0 0 28 24"
194 fill="none" xmlns="http://www.w3.org/2000/svg">
195 <ellipse cx="19.4036" cy="11.5445" rx="8.59648" ry="8.59721"
196 fill="#E3DBCA" />
197 <path
198 d="M23.7799 12.8326C23.8102 11.7706 23.0102 11.7229 22.4376 11.4413C20.8348 10.6531 19.2256 9.87761 17.633 9.06932C17.2905 8.8938 16.9843 8.65517 16.7303 8.36596C16.4249 8.01447 16.1141 7.83645 15.7659 8.20091C15.4009 8.5829 15.6684 8.93179 15.9929 9.17833C16.7159 9.72751 17.461 10.2474 18.3072 10.8587C17.0487 10.84 15.8424 10.7871 14.6376 10.811C11.3528 10.8763 8.06898 10.9976 4.78405 11.0459C3.67327 11.0395 2.56364 10.9735 1.45995 10.848C0.95163 10.8006 0.454982 10.6846 0.293409 11.3387C0.1726 11.8278 0.56287 12.1531 1.37434 12.1771C3.4563 12.2387 5.53965 12.3066 7.6219 12.2926C10.0912 12.2759 12.5601 12.1804 15.0289 12.1099C15.7486 12.061 16.4711 12.067 17.1899 12.1279C16.6938 12.6303 16.0302 12.6383 15.4256 12.7982C15.1978 12.8585 14.9125 12.849 14.7558 12.9873C14.6811 13.0719 14.6247 13.1711 14.5901 13.2785C14.5554 13.3859 14.5433 13.4994 14.5544 13.6117C14.5899 13.6958 14.646 13.7696 14.7175 13.8263C14.7891 13.883 14.8737 13.9207 14.9637 13.9361C15.2515 13.935 15.5376 13.8921 15.8131 13.8087C18.0777 13.2646 20.3339 12.6909 22.7041 13.0573C23.0423 13.1096 23.4188 12.914 23.7799 12.8326Z"
199 fill="#009039" />
200 </svg>
201 ${seemore}
202 </a>
203 </div>
204 </div>
205 </div>
206 </div>
207 </div>
208 <div class="kol-gallery-modal--${curEntry?index} kol-media-lightbox" style="z-index: 998;">
209 <div class="kol-media-lightbox__dialog">
210 <div class="kol-media-lightbox__content">
211 <div class="kol-media-lightbox__header">
212 <h2 class="kol-media-lightbox__title">
213 ${title}
214 </h2>
215 <div class="kol-media-lightbox__close">
216 <a onclick="closeModal(event)">
217 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
218 xmlns="http://www.w3.org/2000/svg">
219 <path d="M1.65234 2.24268L17.7686 18.364" stroke="#009039"
220 stroke-width="3" stroke-linecap="round"
221 stroke-linejoin="round"></path>
222 <path d="M17.7676 2.24268L1.65137 18.364" stroke="#009039"
223 stroke-width="3" stroke-linecap="round"
224 stroke-linejoin="round"></path>
225 </svg>
226 </a>
227 </div>
228 </div>
229 <div
230 class="kol-media-lightbox__body kol-media-lightbox__body-${curEntry?index}">
231 <#list imageGallery as img>
232 <#assign fileJson=img.getStringValue()?trim?replace("}","}!endObject!")?split("!endObject!")>
233 <#if fileJson?size gt 1>
234 <#list fileJson as f>
235 <#attempt>
236 <#assign fileObject=jsonFactoryUtil.createJSONObject(f) />
237 <#assign fileEntryId=getterUtil.getInteger(fileObject.get('fileEntryId')) />
238 <#assign fileEntry=dlAppService.getFileEntry(fileEntryId) />
239 <#assign urlImagem=themeDisplay.getPortalURL() + "/documents/" + fileEntry.groupId + "/" + fileEntry.uuid + "?t=" + .now?string["HHmmssSSS"]?string />
240 <div class="kol-media-lightbox__item">
241 <p> ${fileObject.alt}</p>
242 <div class="kol-media-lightbox__media">
243 <img src="${urlImagem}" alt="${fileObject.alt}" />
244 </div>
245 </div>
246 <#recover>
247 </#recover>
248 </#list>
249 </#if>
250 </#list>
251 </div>
252 </div>
253 </div>
254 </div>
255
256 <script>
257 $(document).ready(function () {
258 document.querySelector(".button-open-gallery-${curEntry?index}").addEventListener('click', function () {
259 document.querySelector(".kol-gallery-modal--${curEntry?index}").classList.toggle('d-block');
260 $('.kol-media-lightbox__body-${curEntry?index}').slick({
261 dots: false,
262 infinite: true,
263 speed: 500,
264 fade: true,
265 cssEase: 'linear',
266 prevArrow: '<button type="button" class="slick-prev" style="position:absolute;left:0;bottom:0;background:white;border:none;transform:rotate(-180deg);z-index:10000"><svg class="mr-2" width="28" height="24" viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="19.4036" cy="11.5445" rx="8.59648" ry="8.59721" fill="#E3DBCA"></ellipse><path d="M23.7799 12.8326C23.8102 11.7706 23.0102 11.7229 22.4376 11.4413C20.8348 10.6531 19.2256 9.87761 17.633 9.06932C17.2905 8.8938 16.9843 8.65517 16.7303 8.36596C16.4249 8.01447 16.1141 7.83645 15.7659 8.20091C15.4009 8.5829 15.6684 8.93179 15.9929 9.17833C16.7159 9.72751 17.461 10.2474 18.3072 10.8587C17.0487 10.84 15.8424 10.7871 14.6376 10.811C11.3528 10.8763 8.06898 10.9976 4.78405 11.0459C3.67327 11.0395 2.56364 10.9735 1.45995 10.848C0.95163 10.8006 0.454982 10.6846 0.293409 11.3387C0.1726 11.8278 0.56287 12.1531 1.37434 12.1771C3.4563 12.2387 5.53965 12.3066 7.6219 12.2926C10.0912 12.2759 12.5601 12.1804 15.0289 12.1099C15.7486 12.061 16.4711 12.067 17.1899 12.1279C16.6938 12.6303 16.0302 12.6383 15.4256 12.7982C15.1978 12.8585 14.9125 12.849 14.7558 12.9873C14.6811 13.0719 14.6247 13.1711 14.5901 13.2785C14.5554 13.3859 14.5433 13.4994 14.5544 13.6117C14.5899 13.6958 14.646 13.7696 14.7175 13.8263C14.7891 13.883 14.8737 13.9207 14.9637 13.9361C15.2515 13.935 15.5376 13.8921 15.8131 13.8087C18.0777 13.2646 20.3339 12.6909 22.7041 13.0573C23.0423 13.1096 23.4188 12.914 23.7799 12.8326Z" fill="#009039"></path></svg></button>',
267 nextArrow: '<button type="button" class="slick-next" style="position:absolute;right:0;bottom:0;background:white;border:none;"><svg class="mr-2" width="28" height="24" viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="19.4036" cy="11.5445" rx="8.59648" ry="8.59721" fill="#E3DBCA"></ellipse><path d="M23.7799 12.8326C23.8102 11.7706 23.0102 11.7229 22.4376 11.4413C20.8348 10.6531 19.2256 9.87761 17.633 9.06932C17.2905 8.8938 16.9843 8.65517 16.7303 8.36596C16.4249 8.01447 16.1141 7.83645 15.7659 8.20091C15.4009 8.5829 15.6684 8.93179 15.9929 9.17833C16.7159 9.72751 17.461 10.2474 18.3072 10.8587C17.0487 10.84 15.8424 10.7871 14.6376 10.811C11.3528 10.8763 8.06898 10.9976 4.78405 11.0459C3.67327 11.0395 2.56364 10.9735 1.45995 10.848C0.95163 10.8006 0.454982 10.6846 0.293409 11.3387C0.1726 11.8278 0.56287 12.1531 1.37434 12.1771C3.4563 12.2387 5.53965 12.3066 7.6219 12.2926C10.0912 12.2759 12.5601 12.1804 15.0289 12.1099C15.7486 12.061 16.4711 12.067 17.1899 12.1279C16.6938 12.6303 16.0302 12.6383 15.4256 12.7982C15.1978 12.8585 14.9125 12.849 14.7558 12.9873C14.6811 13.0719 14.6247 13.1711 14.5901 13.2785C14.5554 13.3859 14.5433 13.4994 14.5544 13.6117C14.5899 13.6958 14.646 13.7696 14.7175 13.8263C14.7891 13.883 14.8737 13.9207 14.9637 13.9361C15.2515 13.935 15.5376 13.8921 15.8131 13.8087C18.0777 13.2646 20.3339 12.6909 22.7041 13.0573C23.0423 13.1096 23.4188 12.914 23.7799 12.8326Z" fill="#009039"></path></svg></button>'
268 });
269 });
270 })
271 </script>
272 </#list>
273 </div>
274 </div>
275
276 <script>
277 function closeModal(event) {
278 event.target.closest(".kol-media-lightbox").classList.toggle('d-block');
279 }
280 </script>
281</#if>