tonyair
/
silverstripe-webpack
mirror of https://github.com/a2nt/silverstripe-webpack.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

Slider template improvement

This commit is contained in:
Tony Air 2019-09-08 06:36:32 +07:00
parent cb3a48cec2
commit 0acdcd0fd5
1 changed files with 33 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
app/templates/Site/Elements/SliderElement.ss
View File

@ -1,19 +1,19 @@
<% if $ShowTitle || $Content %> <% if $ShowTitle || $Content %>
<div class="slider-caption"> <div class="slider-caption ">
<% if $ShowTitle %> <div class="slider-element__content">
<h2 class="slider-element__title text-center">$Title</h2> <% if $ShowTitle %>
<% end_if %> <h2 class="slider-element__title text-center">$Title</h2>
<% if $Content %> <% end_if %>
<div class="slider-element__content typography text-center">$Content</div> <% if $Content %><div class="typography">$Content</div><% end_if %>
<% end_if %> </div>
</div> </div>
<% end_if %> <% end_if %>
<% if $SlideShow %> <% if $SlideShow %>
<div id="Carousel{$ID}" class="carousel slide js-carousel d-none d-sm-block parallax"<% if $SlideShow.count > 1 %><% if $Interval %> data-interval="$Interval"<% end_if %> data-indicators="true" data-arrows="true"<% end_if %>> <div id="Carousel{$ID}" class="carousel slide js-carousel d-none d-sm-block"<% if $SlideShow.count > 1 %><% if $Interval %> data-interval="$Interval"<% end_if %> data-indicators="true" data-arrows="true"<% end_if %>>
<div class="carousel-inner"> <div class="carousel-inner">
<% loop $SlideShow %> <% loop $SlideShow %>
<div class="carousel-item<% if $First %> active<% end_if %>"> <div class="carousel-item carousel-item-{$SlideType}<% if $First %> active<% end_if %>">
<% if $Video || $Image %> <% if $Video || $Image %>
@ -27,7 +27,7 @@
<% if $PageLink %><a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn-primary"><% end_if %> <% if $PageLink %><a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn-primary"><% end_if %>
<% if $Image %> <% if $Image %>
<span class="img parallax-image"> <span class="img">
<img class="d-block w-100" src="$Image.Fill(1200,600).URL" alt="<% if $Headline %>$Headline<% end_if %>"> <img class="d-block w-100" src="$Image.Fill(1200,600).URL" alt="<% if $Headline %>$Headline<% end_if %>">
</span> </span>
<% end_if %> <% end_if %>
@ -35,26 +35,31 @@
</div> </div>
<% end_if %> <% end_if %>
<% if $Content || $Headline || $Description || $PageLinkID %>
<% if not $Video && not $Image %>
<div class="carousel-slide">
<% else %>
<div class="carousel-caption">
<% end_if %>
<% if not $Video && not $Image %> <div class="carousel-caption-container">
<div class="carousel-slide"> <% if $Headline %><h2 class="carousel-title">$Headline</h2><% end_if %>
<% else %> <% if $Content %>
<div class="carousel-caption"> <div class="carousel-content typography">$Content</div>
<% end_if %> <% else %>
<% if $Description %><p class="carousel-content">$Description</p><% end_if %>
<div class="carousel-caption-container"> <% end_if %>
<% if $Headline %><h2 class="carousel-title">$Headline</h2><% end_if %> <% if $PageLinkID %>
<% if $Description %><p class="carousel-content">$Description</p><% end_if %> <p>
<% if $PageLinkID %> <a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn btn-default btn-lg">
<p> <i class="fas fa-bars"></i>
<a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn btn-default btn-lg"> <%t Dynamic\FlexSlider\ORM\FlexSlider.LEARN_MORE "Learn more" %>
<i class="fas fa-bars"></i> </a>
<%t Dynamic\FlexSlider\ORM\FlexSlider.LEARN_MORE "Learn more" %> </p>
</a> <% end_if %>
</p> </div>
<% end_if %>
</div> </div>
</div> <% end_if %>
</div> </div>
<% end_loop %> <% end_loop %>
</div> </div>