Save
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -2707,3 +2707,118 @@ footer#footer {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#roycontent_home {
|
||||
li.htmlcontent-item-id-40 {
|
||||
padding: 140px 0 50px;
|
||||
|
||||
> div.li-cont {
|
||||
position: initial;
|
||||
}
|
||||
h3 {
|
||||
position: relative;
|
||||
color: $cGold;
|
||||
font-family: $fNotoSerifDisplay;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
._box-content {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 440px;
|
||||
margin-bottom: 70px;
|
||||
z-index: 2;
|
||||
|
||||
h3 {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
p {
|
||||
position: relative;
|
||||
color: $cDark;
|
||||
font-family: $fInter;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
a {
|
||||
}
|
||||
}
|
||||
|
||||
._box-partners {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 750px;
|
||||
z-index: 2;
|
||||
|
||||
h3 {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
._partners-slider {
|
||||
.swiper-slide {
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
._box-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
width: 100svw;
|
||||
transform: translateX(-50%);
|
||||
z-index: 1;
|
||||
|
||||
._box-bg--wrapper {
|
||||
display: block;
|
||||
width: fit-content;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li.htmlcontent-item-id-41 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100svw;
|
||||
margin-left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
._box-big-tiles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
._box-big-tile {
|
||||
height: 672px;
|
||||
overflow: hidden;
|
||||
|
||||
&:hover {
|
||||
img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
height: 672px;
|
||||
object-fit: cover;
|
||||
transition: 200ms;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -834,4 +834,22 @@ $(document).ready(function() {
|
||||
dataLayer.push({'event': 'purchase'});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Custom
|
||||
|
||||
$(document).ready(function() {
|
||||
// Slidert
|
||||
if ($('._partners-slider').length > 0) {
|
||||
var swiper = new Swiper("._partners-slider", {
|
||||
spaceBetween: 64,
|
||||
slidesPerView: 4,
|
||||
loop: true,
|
||||
speed: 2000,
|
||||
autoplay: {
|
||||
delay: 4000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
13
themes/ayon/assets/plugins/swiperjs/swiper-bundle.min.css
vendored
Normal file
13
themes/ayon/assets/plugins/swiperjs/swiper-bundle.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
14
themes/ayon/assets/plugins/swiperjs/swiper-bundle.min.js
vendored
Normal file
14
themes/ayon/assets/plugins/swiperjs/swiper-bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -46,7 +46,6 @@ assets:
|
||||
# - id: cat-extra-lib
|
||||
# path: assets/js/cart-lib.js
|
||||
|
||||
|
||||
global_settings:
|
||||
configuration:
|
||||
PS_IMAGE_QUALITY: png
|
||||
|
||||
@@ -0,0 +1,71 @@
|
||||
{if isset($htmlitems) && $htmlitems}
|
||||
<div id="roycontent_{$hook|escape:'htmlall':'UTF-8'}" class="roycontent">
|
||||
<div class="row">
|
||||
{if $hook == 'top' && isset($roythemes.ban_w_top) && $roythemes.ban_w_top == "1"}<div class="container">{/if}
|
||||
{if $hook == 'home' && isset($roythemes.ban_w_top) && $roythemes.ban_w_home == "1"}<div class="container">{/if}
|
||||
{if $hook == 'footerbefore' && isset($roythemes.ban_w_top) && $roythemes.ban_w_befoot == "1"}<div class="container">{/if}
|
||||
<ul class="clearfix">
|
||||
{foreach name=items from=$htmlitems item=hItem}
|
||||
{if $hook == 'left' || $hook == 'right'}
|
||||
<li class="htmlcontent-item-{$smarty.foreach.items.iteration|escape:'htmlall':'UTF-8'} htmlcontent-item-id-{$hItem.id_item|escape:'htmlall':'UTF-8'} col-xs-12 bview bview-first {if $hItem.hover}hover{/if}{if $hItem.fit && $hItem.fit == 1} fit_mobile{/if} {if $hItem.hide && $hItem.hide == 1}hide_mobile{/if}{if isset($hItem.hides) && $hItem.hides == 1} hide_desktop{/if}">
|
||||
<div class="li-cont">
|
||||
{else}
|
||||
<li class="htmlcontent-item-{$smarty.foreach.items.iteration|escape:'htmlall':'UTF-8'} htmlcontent-item-id-{$hItem.id_item|escape:'htmlall':'UTF-8'} col-md-{if $hItem.cols}{$hItem.cols}{/if} bview bview-first {if $hItem.hover}hover{/if}{if $hItem.fit && $hItem.fit == 1} fit_mobile{/if} {if $hItem.hide && $hItem.hide == 1}hide_mobile{/if}{if isset($hItem.hides) && $hItem.hides == 1} hide_desktop{/if}">
|
||||
<div class="li-cont">
|
||||
{/if}
|
||||
|
||||
{if $hItem.image}
|
||||
{if $hItem.url}
|
||||
<a href="{$hItem.url|escape:'htmlall':'UTF-8'}" class="item-link"{if $hItem.target == 1} onclick="return !window.open(this.href);"{/if} title="{$hItem.title|escape:'htmlall':'UTF-8'}">
|
||||
{/if}
|
||||
{if $hItem.title && $hItem.title_use}
|
||||
<h2 class="item-title-top {if $hItem.url}href{/if} {if $hItem.fit && $hItem.fit == 1}hide_mobile{/if}" {if $hItem.title_color}style="color:{$hItem.title_color}"{/if}>{$hItem.title|escape:'htmlall':'UTF-8'}</h2>
|
||||
{/if}
|
||||
{if $hItem.fit && $hItem.fit == 1}
|
||||
<div class="fit_content">
|
||||
<h2 class="item-title">{$hItem.title|escape:'htmlall':'UTF-8'}</h2>
|
||||
<p>
|
||||
{if $hItem.html}
|
||||
{$hItem.html nofilter}
|
||||
{/if}
|
||||
</p>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<img src="{$link->getMediaLink("`$module_dir`img/`$hItem.image`")}" class="item-img {if $hook == 'left' || $hook == 'right'}img-responsive{/if} {if $hItem.url}href{/if}" title="{$hItem.title|escape:'htmlall':'UTF-8'}" alt="{$hItem.title|escape:'htmlall':'UTF-8'}" width="{if $hItem.image_w}{$hItem.image_w|intval}{else}100%{/if}" height="{if $hItem.image_h}{$hItem.image_h|intval}{else}100%{/if}"/>
|
||||
|
||||
{if $hItem.hover == 1}
|
||||
<div class="mask" {if $hItem.fit && $hItem.fit == 1}hide_mobile{/if} {if $hItem.bg_color}style="background:{$hItem.bg_color}"{/if}>
|
||||
<div class="content">
|
||||
<h2 class="item-title" {if $hItem.title_color}style="color:{$hItem.title_color}"{/if}>{$hItem.title|escape:'htmlall':'UTF-8'}</h2>
|
||||
<p>
|
||||
{if $hItem.html}
|
||||
{$hItem.html nofilter}
|
||||
{/if}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{if $hItem.url}
|
||||
</a>
|
||||
{/if}
|
||||
|
||||
{else}
|
||||
<div class="html_inside {if $hItem.video}video_banner{/if}">
|
||||
{if $hItem.html}
|
||||
{$hItem.html nofilter}
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{if $hook == 'top' && isset($roythemes.ban_w_top) && $roythemes.ban_w_top == "1"}</div>{/if}
|
||||
{if $hook == 'home' && isset($roythemes.ban_w_top) && $roythemes.ban_w_home == "1"}</div>{/if}
|
||||
{if $hook == 'footerbefore' && isset($roythemes.ban_w_top) && $roythemes.ban_w_befoot == "1"}</div>{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -75,4 +75,8 @@
|
||||
|
||||
{/literal}
|
||||
|
||||
{* Swiper assets *}
|
||||
<link rel="stylesheet" href="{$urls.theme_assets}plugins/swiperjs/swiper-bundle.min.css">
|
||||
<script defer src="{$urls.theme_assets}plugins/swiperjs/swiper-bundle.min.js"></script>
|
||||
|
||||
{/block}
|
||||
|
||||
Reference in New Issue
Block a user