Initial Commit
This commit is contained in:
khaccount committed
1 parent
4f495177e4
commit
b6d2142214
166 files changed
+13952
-178
No files matched your search
@@ -0,0 +1,191 @@
|
||||
<f:layout name="Default" />
|
||||
|
||||
<f:section name="main">
|
||||
<f:security.ifAuthenticated>
|
||||
<!-- ------------------ -->
|
||||
<f:debug>{_all}</f:debug>
|
||||
<!-- ------------------ -->
|
||||
</f:security.ifAuthenticated>
|
||||
<section class="product-hero">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h1>{product.title}</h1>
|
||||
<h2>{product.subtitle}</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<f:if condition="product.structureddata">
|
||||
<f:then>
|
||||
<f:format.raw>{product.structureddata}</f:format.raw>
|
||||
</f:then>
|
||||
</f:if>
|
||||
|
||||
<section class="product-intro" class="fullwidth-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p>{product.title}</p>
|
||||
<p>{product.teaser}</p>
|
||||
<div class="">
|
||||
<h4>Categories</h4>
|
||||
<f:for each="{product.categories}" as="c">
|
||||
<f:if condition="{c.title}">
|
||||
<span class="badge badge-secondary">{c.title} - {c.uid}</span><br />
|
||||
</f:if>
|
||||
</f:for>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<f:if condition="{product.productimage}">
|
||||
<div class="col-md-6">
|
||||
<div class="product-images">
|
||||
<section id="productCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<f:for each="{product.productimage}" as="image">
|
||||
<div class="carousel-item">
|
||||
<f:image image="{image}" alt="{product.title}" class=" d-block w-100 img-fluid" title="{product.title}" />
|
||||
</div>
|
||||
</f:for>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#productCarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Zurück</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#productCarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Weiter</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</f:if>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="product-highlights">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<f:if condition="{product.video}">
|
||||
<f:then>
|
||||
<div class="col-md-6">
|
||||
<p>{product.video}</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<f:format.html>{product.highlights}</f:format.html>
|
||||
</div>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<div class="col-md-12">
|
||||
<f:format.html>{product.highlights}</f:format.html>
|
||||
</div>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<f:if condition="{product.relatedprodukt}">
|
||||
<section class="product-related">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3>Related Products</h3>
|
||||
<ul>
|
||||
<f:for each="{product.relatedprodukt}" as="relatedProduct">
|
||||
<li>{relatedProduct.title}</li>
|
||||
</f:for>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</f:if>
|
||||
<hr />
|
||||
<section class="product-features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3>The Key Features of {product.title}</h3>
|
||||
<p>Bunch of Icons</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr />
|
||||
<section class="product-overview">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<f:format.html>{product.description}</f:format.html>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<f:format.html>{product.applications}</f:format.html>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="product-downloads">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<f:render partial="product/Downloads" arguments="{product: product}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="product-why-vitec">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>WHY VITEC</p>
|
||||
<f:if condition="{product.contentelement}">
|
||||
<f:cObject typoscriptObjectPath="tt_content" data="{uid: product.contentelement}" />
|
||||
</f:if>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="product-cta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>CTA</p>
|
||||
<f:if condition="{contentelementCtaUid}">
|
||||
<f:cObject typoscriptObjectPath="lib.contentElement" data="{uid: contentelementCtaUid}" />
|
||||
</f:if>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="product-blog">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>Blog</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr /><hr /><hr />
|
||||
<h2>Ab hier nix wichtiges mehr</h2>
|
||||
<hr /><hr /><hr />
|
||||
<div class="row">
|
||||
<h1>{product.title}</h1>
|
||||
<h2>{product.subtitle}</h2>
|
||||
|
||||
<p>{product.applications}</p>
|
||||
<p>{product.highlights}</p>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
<f:comment>
|
||||
<div class="product-images">
|
||||
<f:for each="{product.productimage}" as="image">
|
||||
<f:image image="{image}" alt="{product.title}" class="img-fluid" />
|
||||
</f:for>
|
||||
<f:image image="{product.ogimage}" alt="{product.title}" class="img-fluid" />
|
||||
</div>
|
||||
<f:render partial="product/Downloads" arguments="{product: product}" />
|
||||
|
||||
</f:comment>
|
||||
Reference in new issue
Block a user