Plugin Tabs noticias
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/call-to-action",
|
||||
"title": "Call to Action",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_content": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'alignment', 'center' ) ?>">
|
||||
<div class="col-md-10 col-lg-8 col-xl-6">
|
||||
|
||||
<?php lightspeed_content( 2, 'center', 'col' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,68 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/contact",
|
||||
"title": "Contact",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {
|
||||
"form_id": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"company_address": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"company_phone": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"company_email": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
|
||||
"social_facebook": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"social_twitter": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"social_instagram": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"social_youtube": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"social_linkedin": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"social_tiktok": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"social_pinterest": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_content": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center justify-content-between">
|
||||
|
||||
<div class="col-lg-6 col-xxl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
<?php lightspeed_contact( lightspeed_get_attribute( 'introduction_color', lightspeed_get_default_color( 'text' ) ), 'mb-2' ) ?>
|
||||
|
||||
<?php lightspeed_social( lightspeed_get_attribute( 'introduction_color', lightspeed_get_default_color( 'text' ) ) ) ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 areoi-hero-media areoi-form <?php lightspeed_attribute( 'heading_color', lightspeed_get_default_color( 'text' ) ) ?>">
|
||||
<?php if ( lightspeed_get_attribute( 'form_id', null ) && function_exists('Ninja_Forms' ) ) : ?>
|
||||
<div class="h1 d-lg-none"></div>
|
||||
<?php if ( !empty( $_GET['context'] ) && $_GET['context'] == 'edit' ) : ?>
|
||||
<div class="areoi-form-placeholder <?php echo lightspeed_get_default_color( 'bg' ) ?>">
|
||||
<?php lightspeed_square_spacer() ?>
|
||||
<p class="<?php echo lightspeed_get_default_color( 'text', lightspeed_get_default_color( 'bg' ) ) ?>">Your form will be displayed here.<br>
|
||||
Preview your page to view the live form.</p>
|
||||
</div>
|
||||
<?php else : ?>
|
||||
<?php Ninja_Forms()->display( absint( lightspeed_get_attribute( 'form_id', null ) ), true ); ?>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/content-with-items",
|
||||
"title": "Content with Items",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {
|
||||
"media_shape": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"media_fit": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_content": true,
|
||||
"lightspeed_items": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( $item, false, false, true ) ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( $item ) ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( $item, false, false, true ) ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( $item ) ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,55 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-item {
|
||||
background: none;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button {
|
||||
background: none;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button:not(.collapsed,:focus) {
|
||||
box-shadow: none;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-body :last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button:after {
|
||||
display: none;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button .bi-chevron-down {
|
||||
flex-shrink: 0;
|
||||
font-size: 22px;
|
||||
margin-left: auto !important;
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button:not(.collapsed) .bi-chevron-down {
|
||||
transform: rotate( 180deg );
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center <?php echo lightspeed_has_content() ? 'justify-content-between' : 'justify-content-center' ?>">
|
||||
|
||||
<?php if ( lightspeed_has_content() ) : ?>
|
||||
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
|
||||
<?php echo $attributes['content_alignment'] ?>
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'items', array() ) ) : ?>
|
||||
<div class="col-lg-6">
|
||||
|
||||
<?php lightspeed_accordion( lightspeed_get_attribute( 'items', array() ) ) ?>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
|
||||
<?php lightspeed_item( $item, false, false, true ) ?>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
|
||||
<?php lightspeed_item( $item ) ?>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<?php if ( lightspeed_has_content() ) : ?>
|
||||
<div class="align-self-start col-lg-6 col-xl-5 areoi-col-content <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'offset-xxl-1 order-lg-1' : '' ?> position-sticky" style="top: 100px;">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="<?php echo lightspeed_has_content() ? 'col-lg-6' : 'col' ?> <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? '' : 'offset-xl-1' ?>">
|
||||
<div class="row row-cols-1 row-cols-md-2 <?php echo lightspeed_has_content() ? '' : 'row-cols-lg-4' ?> areoi-parallax-component">
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( $item ) ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: relative;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: absolute;
|
||||
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 position-relative <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'offset-lg-6 offset-xxl-7' : '' ?>">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-6 p-0 areoi-hero-media <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? '' : 'offset-xxl-1' ?>">
|
||||
<div class="areoi-drag-container">
|
||||
<ul>
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<li class=" position-relative">
|
||||
<?php if ( !empty( lightspeed_get_attribute( 'media_position', null ) ) && lightspeed_get_attribute( 'media_position', null ) == 'background' ) : ?>
|
||||
<?php lightspeed_item_with_background( $item ) ?>
|
||||
<?php else : ?>
|
||||
<?php lightspeed_item( $item ) ?>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .nav-link.active {
|
||||
border-bottom-color: ' . lightspeed_get_theme_color( lightspeed_get_attribute( 'background_utility', null ) ) . ' !important;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'center' ) == 'center' ? 'text-center' : '' ?>">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'items', array() ) ) : ?>
|
||||
<div class="col-12">
|
||||
|
||||
<?php lightspeed_tabs( lightspeed_get_attribute( 'items', array() ), 'square', 'full' ) ?>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .nav-link.active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
|
||||
<div class="<?php echo lightspeed_get_attribute( 'alignment', 'center' ) == 'center' ? 'text-center' : '' ?>">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'items', array() ) ) : ?>
|
||||
<div class="col-12">
|
||||
|
||||
<?php lightspeed_tabs_vertical( lightspeed_get_attribute( 'items', array() ) ) ?>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,30 @@
|
||||
<?php
|
||||
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .nav-link.active {
|
||||
border-bottom-color: ' . lightspeed_get_theme_color( lightspeed_get_attribute( 'background_utility', null ) ) . ' !important;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center justify-content-between">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
</div>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'items', array() ) ) : ?>
|
||||
<div class="col-lg-6">
|
||||
|
||||
<?php lightspeed_tabs( lightspeed_get_attribute( 'items', array() ) ) ?>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,79 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-timeline {
|
||||
position: relative;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-timeline:before {
|
||||
content: "";
|
||||
background: ' . lightspeed_get_default_color( 'hex' ) . ';
|
||||
width: 3px;
|
||||
border-radius: 50px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translate( -50%, 0 );
|
||||
opacity: 0.1;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-timeline-row {
|
||||
position: relative;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-timeline-row:before {
|
||||
content: "";
|
||||
background: ' . lightspeed_get_theme_color( lightspeed_get_attribute( 'heading_color', lightspeed_get_default_color( 'hex' ) ) ) . ';
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate( -50%, -50% );
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
|
||||
<div class="col-lg-6 col-xl-5">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="areoi-timeline">
|
||||
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
|
||||
<div class="areoi-timeline-row row row-cols-1 align-items-center position-relative">
|
||||
|
||||
<div class="col col-md-4 <?php echo $item_key % 2 == 0 ? 'order-md-1 offset-md-2' : 'text-md-end offset-md-1' ?>">
|
||||
<?php lightspeed_heading( 3, $item ) ?>
|
||||
|
||||
<?php lightspeed_introduction( $item ) ?>
|
||||
|
||||
<?php lightspeed_cta( $item ) ?>
|
||||
</div>
|
||||
|
||||
<div class="col col-md-5 <?php echo $item_key % 2 == 0 ? '' : 'offset-md-2' ?>">
|
||||
<div class="<?php lightspeed_media_col_class() ?> rounded overflow-hidden">
|
||||
<div class="areoi-media-col-content">
|
||||
<?php lightspeed_square_spacer() ?>
|
||||
<?php echo lightspeed_get_media( $item ) ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/content-with-media",
|
||||
"title": "Content with Media",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {
|
||||
"media_shape": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"media_fit": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_content": true,
|
||||
"lightspeed_gallery": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
|
||||
<div class="row h-100 align-items-center justify-content-between">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 areoi-hero-media">
|
||||
|
||||
<div id="<?php lightspeed_block_id() ?>-media-carousel" class="carousel slide" data-bs-ride="carousel">
|
||||
|
||||
<?php if ( count( lightspeed_get_attribute( 'gallery', array() ) ) > 1 ) : ?>
|
||||
<div class="carousel-indicators">
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
|
||||
<button
|
||||
type="button"
|
||||
data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel"
|
||||
data-bs-slide-to="<?php echo $gallery_key ?>"
|
||||
class="<?php echo $gallery_key == 0 ? 'active' : '' ?>"
|
||||
aria-current="true"
|
||||
aria-label="Slide <?php echo $gallery_key + 1 ?>"
|
||||
></button>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="carousel-inner <?php echo lightspeed_get_attribute( 'media_fit', 'cover' ) != 'contain' ? 'areoi-has-mask' : '' ?> rounded overflow-hidden">
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
|
||||
<div class="carousel-item <?php echo $gallery_key == 0 ? 'active' : '' ?>">
|
||||
<div class="<?php lightspeed_media_col_class() ?>">
|
||||
<div class="areoi-media-col-content">
|
||||
<?php lightspeed_spacer( lightspeed_get_attribute( 'media_shape', 'square' ) ) ?>
|
||||
<?php if ( $media['type'] == 'image' ) : ?>
|
||||
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
|
||||
<?php else : ?>
|
||||
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
<?php if ( count( lightspeed_get_attribute( 'gallery', array() ) ) > 1 ) : ?>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,60 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: relative;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate( -50%, -50% );
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-inner,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col-content,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col svg {
|
||||
height: 100%;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item img,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-indicators {
|
||||
bottom: 75px;
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100">
|
||||
<div class="row h-100 align-items-center justify-content-between <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-lg-end' : '' ?>">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 text-center text-lg-start <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?> position-relative">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
</div>
|
||||
|
||||
<?php if ( !empty( lightspeed_get_attribute( 'gallery', array() ) ) ) : ?>
|
||||
<div class="col-lg-6 areoi-hero-media areoi-parallax-none areoi-transition-none">
|
||||
<div class="h1 d-lg-none"></div>
|
||||
|
||||
<?php lightspeed_media_carousel( lightspeed_get_attribute( 'gallery', array() ), 'square', false ) ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,58 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: relative;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: absolute;
|
||||
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0;
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100">
|
||||
<div class="row h-100 align-items-center justify-content-between <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-lg-end' : '' ?>">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 text-center text-lg-start position-relative">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'include_cta', false ) ) : ?>
|
||||
<div class="h1"></div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php if ( !empty( lightspeed_get_attribute( 'gallery', array() ) ) ) : ?>
|
||||
<div class="col-lg-6 areoi-hero-media p-0">
|
||||
<div class="h1 d-lg-none"></div>
|
||||
|
||||
<div class="areoi-drag-container">
|
||||
<ul>
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
|
||||
<li>
|
||||
<div class="<?php lightspeed_media_col_class() ?> rounded overflow-hidden">
|
||||
<div class="areoi-media-col-content">
|
||||
<?php lightspeed_square_spacer() ?>
|
||||
<?php if ( $media['type'] == 'image' ) : ?>
|
||||
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
|
||||
<?php else : ?>
|
||||
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php //lightspeed_stretched_link() ?>
|
||||
@@ -0,0 +1,79 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: relative;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media img,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-container-content > .row {
|
||||
height: auto;
|
||||
min-height: unset !important;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
margin: 0 0 -100px 0;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
margin: -' . $padding . 'px 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-col-content {
|
||||
position: sticky;
|
||||
top: 100px;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-container-content {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate( -50%, 0 );
|
||||
z-index: 1;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-container-content > .row {
|
||||
height: calc( 100% - ' . $padding * 2 . 'px );
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 areoi-container-content areoi-resize-container">
|
||||
<div class="row <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-end' : 'justify-content-start' ?> align-items-start ">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 text-center text-lg-start areoi-col-content areoi-resize-content">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid h-100 position-relative">
|
||||
<div class="row h-100 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-start' : 'justify-content-end' ?> align-items-start">
|
||||
|
||||
<?php if ( !empty( lightspeed_get_attribute( 'gallery', array() ) ) ) : ?>
|
||||
<div class="col-lg-6 areoi-hero-media p-0 areoi-resize-media">
|
||||
|
||||
<div class="rounded overflow-hidden">
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
|
||||
<div class="">
|
||||
<div>
|
||||
<div class="areoi-media-col-content">
|
||||
<?php if ( $media['type'] == 'image' ) : ?>
|
||||
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
|
||||
<?php else : ?>
|
||||
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,55 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: relative;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-col-content {
|
||||
position: sticky;
|
||||
top: 100px;
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 justify-content-between align-items-start">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?> text-center text-lg-start areoi-col-content">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'include_cta', false ) ) : ?>
|
||||
<div class="h1"></div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php if ( !empty( lightspeed_get_attribute( 'gallery', array() ) ) ) : ?>
|
||||
<div class="col-lg-6 areoi-hero-media">
|
||||
<div class="h1 d-lg-none"></div>
|
||||
|
||||
<div class="rounded overflow-hidden">
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
|
||||
<div class="">
|
||||
<div>
|
||||
<div class="areoi-media-col-content">
|
||||
<?php if ( $media['type'] == 'image' ) : ?>
|
||||
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
|
||||
<?php else : ?>
|
||||
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php //lightspeed_stretched_link() ?>
|
||||
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/footer",
|
||||
"title": "Footer",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_footer": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,138 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-footer-container {
|
||||
padding-top: ' . $first_padding . 'px;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .dropdown-menu {
|
||||
background: ' . lightspeed_get_theme_color( 'bg-light' ) . ';
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .dropdown-menu a {
|
||||
color: ' . lightspeed_get_theme_color( 'bg-dark' ) . ';
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .dropdown button {
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .dropdown button.show {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-top-bar,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-bottom-bar {
|
||||
padding: ' . $padding . 'px 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-menu-bar {
|
||||
padding: ' . ( $padding * 2 ) . 'px 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer ul:not(.sub-menu, .dropdown-menu) {
|
||||
display: flex;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer ul:not(.sub-menu, .dropdown-menu) li {
|
||||
padding: 0 15px 5px 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer button {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-top-bar img,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-top-bar svg {
|
||||
max-height: ' . lightspeed_get_attribute( 'logo_height', '50' ) . 'px;
|
||||
max-width: 180px;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer a:not(.dropdown-menu a),
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer button {
|
||||
color: ' . lightspeed_get_theme_color( lightspeed_get_attribute( 'main_text', lightspeed_get_default_color( 'bg', lightspeed_get_attribute( 'main_background', 'bg-body' ) ) ) ) . ';
|
||||
}
|
||||
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-menu-bar ul li:not(.sub-menu li) {
|
||||
margin-bottom: 20px;
|
||||
padding: 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-menu-bar ul a:not(.sub-menu a) {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-bottom-bar ul li:not(.dropdown-menu li) {
|
||||
padding: 0 10px;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="areoi-footer-container <?php lightspeed_attribute( 'main_background' ) ?>">
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_top_bar', false ) ) : ?>
|
||||
<div class="areoi-top-bar">
|
||||
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
|
||||
<div class="row row-cols-1 row-cols-md-2 text-center text-md-start align-items-center justify-content-center justify-content-md-between">
|
||||
<div class="col">
|
||||
<a class="h-100" href="<?php echo home_url() ?>" title="<?php echo get_bloginfo( 'name' ) ?>">
|
||||
<?php lightspeed_logo( lightspeed_get_default_color( 'logo', lightspeed_get_attribute( 'main_background' ) ) ) ?>
|
||||
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_social', false ) ) : ?>
|
||||
<div class="h1 d-block d-md-none"></div>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_social', false ) ) : ?>
|
||||
<div class="col d-flex justify-content-center justify-content-md-end">
|
||||
<?php lightspeed_social( null, 'end' ) ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="areoi-menu-bar">
|
||||
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
|
||||
<div class="row row-cols-1 row-cols-md-2">
|
||||
<?php if ( has_nav_menu( 'footer-menu' ) ) : ?>
|
||||
<div class="col flex-grow-1">
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'footer-menu', 'menu_class' => 'row row-cols-1 text-center row-cols-md-2 text-md-start row-cols-lg-3' ) ); ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_company', false ) && lightspeed_has_contact() ) : ?>
|
||||
<div class="col text-center <?php echo has_nav_menu( 'footer-menu' ) ? 'text-md-end col-lg-3' : 'text-md-start' ?>">
|
||||
<div class="h1 d-block d-md-none"></div>
|
||||
<p class="h3 mb-2"><?php _e( 'Contact Details' ) ?></p>
|
||||
<?php lightspeed_contact( '', 'mb-2', true, ( has_nav_menu( 'footer-menu' ) ? true : false ), true ) ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="areoi-bottom-bar">
|
||||
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
|
||||
<div class="row row-cols-1 row-cols-md-2 align-items-center justify-content-center justify-content-md-between small">
|
||||
<div class="col text-center text-md-start">
|
||||
<p class="mb-2 mb-md-0">
|
||||
<?php _e( 'Copyright ' ) ?>© <?php echo date( 'Y' ) ?> <?php echo areoi2_get_option( 'areoi-lightspeed-company-name', get_bloginfo( 'name' ) ) ?>
|
||||
|
||||
<?php if ( areoi2_get_option( 'areoi-lightspeed-company-number', null ) ) : ?>
|
||||
<br>Company No. <?php echo areoi2_get_option( 'areoi-lightspeed-company-number', null ) ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( areoi2_get_option( 'areoi-lightspeed-company-vat-number', null ) ) : ?>
|
||||
<br>VAT No. <?php echo areoi2_get_option( 'areoi-lightspeed-company-vat-number', null ) ?>
|
||||
<?php endif; ?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col text-center text-md-end">
|
||||
<?php if ( has_nav_menu( 'bottom-menu' ) ) : ?>
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'bottom-menu', 'walker' => new AREOI_HAF_Walker_Nav_Menu_Primary, 'menu_class' => 'justify-content-center justify-content-md-end' ) ); ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/header",
|
||||
"title": "Header",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_header": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
<?php
|
||||
|
||||
$styles = '';
|
||||
$scripts = '';
|
||||
|
||||
include( AREOI__PLUGIN_LIGHTSPEED_DIR . 'partials/header.php' );
|
||||
|
||||
$styles .= '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="areoi-header-container <?php lightspeed_attribute( 'position' ) ?> top-0 w-100">
|
||||
|
||||
<?php lightspeed_header_top_bar() ?>
|
||||
|
||||
<div class="areoi-menu-bar <?php lightspeed_attribute( 'main_background' ) ?> <?php lightspeed_attribute( 'main_border' ) ?>">
|
||||
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
|
||||
<div class="col">
|
||||
<?php if ( has_nav_menu( 'primary-menu' ) || has_nav_menu( 'more-menu' ) ) : ?>
|
||||
<button data-bs-target="#modal-menu-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Full Menu' ) ?>">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
|
||||
<span class="d-none d-sm-inline"><?php _e( 'Menu' ) ?></span>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="col text-center justify-self-center">
|
||||
<a class="h-100 d-block position-relative" href="<?php echo home_url() ?>" title="<?php echo get_bloginfo( 'name' ) ?>">
|
||||
<span class="areoi-menu-logo-default w-100 h-100 d-block"><?php lightspeed_logo( lightspeed_get_default_color( 'logo', lightspeed_get_attribute( 'main_background' ) ) ) ?></span>
|
||||
<span class="areoi-menu-logo-dark position-absolute top-0 start-0 w-100 h-100 d-block">
|
||||
<?php echo lightspeed_get_logo( lightspeed_get_attribute( 'logo', null ), 'dark' ) ?>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col text-end">
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
|
||||
<button data-bs-target="#modal-search-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Search' ) ?>">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
|
||||
<span class="d-none d-sm-inline"><?php _e( 'Search' ) ?></span>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_header_basic_modal( 'menu' ); ?>
|
||||
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
|
||||
<?php lightspeed_header_basic_modal( 'search' ); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( $scripts ) : ?>
|
||||
<script><?php echo areoi_minify_js( $scripts ) ?></script>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,73 @@
|
||||
<?php
|
||||
|
||||
$styles = '';
|
||||
$scripts = '';
|
||||
|
||||
include( AREOI__PLUGIN_LIGHTSPEED_DIR . 'partials/header.php' );
|
||||
|
||||
$styles .= '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="areoi-header-container <?php lightspeed_attribute( 'position' ) ?> top-0 w-100">
|
||||
|
||||
<?php lightspeed_header_top_bar() ?>
|
||||
|
||||
<div class="areoi-menu-bar <?php lightspeed_attribute( 'main_background' ) ?> <?php lightspeed_attribute( 'main_border' ) ?>">
|
||||
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
|
||||
<div class="col">
|
||||
<a class="h-100 d-block position-relative" href="<?php echo home_url() ?>" title="<?php echo get_bloginfo( 'name' ) ?>">
|
||||
<span class="areoi-menu-logo-default w-100 h-100 d-block"><?php lightspeed_logo( lightspeed_get_default_color( 'logo', lightspeed_get_attribute( 'main_background' ) ) ) ?></span>
|
||||
<span class="areoi-menu-logo-dark position-absolute top-0 start-0 w-100 h-100 d-block">
|
||||
<?php echo lightspeed_get_logo( lightspeed_get_attribute( 'logo', null ), 'dark' ) ?>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-md-block col justify-self-center flex-grow-1">
|
||||
<?php wp_nav_menu( array(
|
||||
'theme_location' => 'primary-menu',
|
||||
'walker' => new AREOI_HAF_Walker_Nav_Menu_Primary,
|
||||
'menu_class' => 'areoi-more-menu'
|
||||
) ); ?>
|
||||
</div>
|
||||
|
||||
<div class="col text-end">
|
||||
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
|
||||
<button data-bs-target="#modal-search-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Search' ) ?>">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
|
||||
<span class="d-none d-sm-inline"></span>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( has_nav_menu( 'primary-menu' ) || has_nav_menu( 'more-menu' ) ) : ?>
|
||||
<button class="ms-2" data-bs-target="#modal-menu-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Full Menu' ) ?>">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
|
||||
<span class="d-none d-sm-inline"></span>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_header_basic_modal( 'menu' ); ?>
|
||||
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
|
||||
<?php lightspeed_header_basic_modal( 'search' ); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( $scripts ) : ?>
|
||||
<script><?php echo areoi_minify_js( $scripts ) ?></script>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,65 @@
|
||||
<?php
|
||||
|
||||
$styles = '';
|
||||
$scripts = '';
|
||||
|
||||
include( AREOI__PLUGIN_LIGHTSPEED_DIR . 'partials/header.php' );
|
||||
|
||||
$styles .= '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="areoi-header-container <?php lightspeed_attribute( 'position' ) ?> top-0 w-100">
|
||||
|
||||
<?php lightspeed_header_top_bar() ?>
|
||||
|
||||
<div class="areoi-menu-bar <?php lightspeed_attribute( 'main_background' ) ?> <?php lightspeed_attribute( 'main_border' ) ?>">
|
||||
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
|
||||
<div class="col">
|
||||
<a class="h-100 d-block position-relative" href="<?php echo home_url() ?>" title="<?php echo get_bloginfo( 'name' ) ?>">
|
||||
<span class="areoi-menu-logo-default w-100 h-100 d-block"><?php lightspeed_logo( lightspeed_get_default_color( 'logo', lightspeed_get_attribute( 'main_background' ) ) ) ?></span>
|
||||
<span class="areoi-menu-logo-dark position-absolute top-0 start-0 w-100 h-100 d-block">
|
||||
<?php echo lightspeed_get_logo( lightspeed_get_attribute( 'logo', null ), 'dark' ) ?>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col text-end">
|
||||
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
|
||||
<button data-bs-target="#modal-search-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Search' ) ?>">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
|
||||
<span class="d-none d-sm-inline"></span>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( has_nav_menu( 'primary-menu' ) || has_nav_menu( 'more-menu' ) ) : ?>
|
||||
<button class="ms-2" data-bs-target="#modal-menu-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Full Menu' ) ?>">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
|
||||
<span class="d-none d-sm-inline"></span>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_header_basic_modal( 'menu' ); ?>
|
||||
|
||||
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
|
||||
<?php lightspeed_header_basic_modal( 'search' ); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( $scripts ) : ?>
|
||||
<script><?php echo areoi_minify_js( $scripts ) ?></script>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/hero",
|
||||
"title": "Hero",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_content": true,
|
||||
"lightspeed_media": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: relative;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
margin-bottom: -' . $mobile_padding . 'px;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col-content,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col svg {
|
||||
height: 100%;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media img,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media video {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate( -50%, -50% );
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100">
|
||||
<div class="row h-100 align-items-center justify-content-between <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-lg-end' : '' ?>">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 text-center text-lg-start position-relative">
|
||||
|
||||
<?php lightspeed_content( 1, 'start', 'col' ) ?>
|
||||
</div>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'video', null ) || lightspeed_get_attribute( 'image', null ) || ( lightspeed_get_attribute( 'is_post_image', null ) && get_post_thumbnail_id() ) ) : ?>
|
||||
<div class="col-lg-6 areoi-hero-media p-0 rounded overflow-hidden">
|
||||
<div class="h1 d-lg-none"></div>
|
||||
<div class="<?php lightspeed_media_col_class() ?>">
|
||||
<div class="areoi-media-col-content">
|
||||
<?php lightspeed_spacer( 'square' ) ?>
|
||||
<?php lightspeed_media() ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$primary = lightspeed_get_theme_color( 'primary' );
|
||||
$rgb = lightspeed_hex_to_rgb( $primary );
|
||||
$contrast = lightspeed_get_default_color( 'bg' );
|
||||
|
||||
$attributes['background_display'] = true;
|
||||
$attributes['background_utility'] = !empty( $attributes['background_utility'] ) ? $attributes['background_utility'] : $contrast;
|
||||
$attributes['background_image'] = lightspeed_get_attribute( 'image', null );
|
||||
$attributes['background_video'] = lightspeed_get_attribute( 'video', null );
|
||||
|
||||
$attributes['background_overlay'] = ( !empty( $attributes['background_overlay'] ) && $attributes['background_display_overlay'] ) ? $attributes['background_overlay'] : array('rgb' => array( 'r'=> $rgb['r'], 'g'=> $rgb['g'], 'b'=> $rgb['b'], 'a'=> '0.4' ) );
|
||||
$attributes['background_display_overlay'] = true;
|
||||
$attributes['exclude_pattern'] = true;
|
||||
|
||||
lightspeed_set_attribute( 'background_display', $attributes['background_display'] );
|
||||
lightspeed_set_attribute( 'background_utility', $attributes['background_utility'] );
|
||||
lightspeed_set_attribute( 'background_image', $attributes['background_image'] );
|
||||
lightspeed_set_attribute( 'background_video', $attributes['background_video'] );
|
||||
lightspeed_set_attribute( 'background_display_overlay', $attributes['background_display_overlay'] );
|
||||
lightspeed_set_attribute( 'background_overlay', $attributes['background_overlay'] );
|
||||
echo include( AREOI__PLUGIN_DIR . '/blocks/_partials/background.php' );
|
||||
?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php //lightspeed_stretched_link() ?>
|
||||
@@ -0,0 +1,40 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
margin-bottom: -' . $mobile_padding . 'px;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center justify-content-between">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 text-center text-lg-start <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
|
||||
|
||||
<?php lightspeed_content( 1, 'start', 'col' ) ?>
|
||||
</div>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'video', null ) || lightspeed_get_attribute( 'image', null ) || ( lightspeed_get_attribute( 'is_post_image', null ) && get_post_thumbnail_id() ) ) : ?>
|
||||
<div class="col-lg-6 areoi-hero-media">
|
||||
<div class="h1 d-lg-none"></div>
|
||||
<div class="<?php lightspeed_media_col_class() ?> areoi-has-mask rounded overflow-hidden">
|
||||
<div class="areoi-media-col-content">
|
||||
<?php lightspeed_spacer( 'square' ) ?>
|
||||
<?php lightspeed_media() ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php //lightspeed_stretched_link() ?>
|
||||
@@ -0,0 +1,49 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block ul {
|
||||
display: inline-block;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php
|
||||
|
||||
$primary = lightspeed_get_theme_color( 'primary' );
|
||||
$rgb = lightspeed_hex_to_rgb( $primary );
|
||||
$contrast = lightspeed_get_default_color( 'bg' );
|
||||
|
||||
$attributes['background_display'] = true;
|
||||
$attributes['background_utility'] = !empty( $attributes['background_utility'] ) ? $attributes['background_utility'] : $contrast;
|
||||
$attributes['background_image'] = lightspeed_get_attribute( 'image', null );
|
||||
$attributes['background_video'] = lightspeed_get_attribute( 'video', null );
|
||||
|
||||
$attributes['background_overlay'] = ( !empty( $attributes['background_overlay'] ) && $attributes['background_display_overlay'] ) ? $attributes['background_overlay'] : array('rgb' => array( 'r'=> $rgb['r'], 'g'=> $rgb['g'], 'b'=> $rgb['b'], 'a'=> '0.8' ) );
|
||||
$attributes['background_display_overlay'] = true;
|
||||
|
||||
lightspeed_set_attribute( 'background_display', $attributes['background_display'] );
|
||||
lightspeed_set_attribute( 'background_utility', $attributes['background_utility'] );
|
||||
lightspeed_set_attribute( 'background_image', $attributes['background_image'] );
|
||||
lightspeed_set_attribute( 'background_video', $attributes['background_video'] );
|
||||
lightspeed_set_attribute( 'background_display_overlay', $attributes['background_display_overlay'] );
|
||||
lightspeed_set_attribute( 'background_overlay', $attributes['background_overlay'] );
|
||||
|
||||
echo include( AREOI__PLUGIN_DIR . '/blocks/_partials/background.php' );
|
||||
?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12 col-lg-8 col-xl-6">
|
||||
<?php lightspeed_content( 1, 'center', 'col' ) ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,50 @@
|
||||
<?php
|
||||
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
margin-bottom: -' . $mobile_padding . 'px;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block ul {
|
||||
display: inline-block;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
margin-bottom: -' . $padding . 'px;
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12 col-lg-8 col-xl-6">
|
||||
<?php lightspeed_content( 1, 'center', 'col' ) ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'video', null ) || lightspeed_get_attribute( 'image', null ) || ( lightspeed_get_attribute( 'is_post_image', null ) && get_post_thumbnail_id() ) ) : ?>
|
||||
<div class="row justify-content-center areoi-hero-media">
|
||||
<div class="col-md-12 col-lg-10">
|
||||
<div class="h1"></div>
|
||||
|
||||
<div class="<?php lightspeed_media_col_class() ?> rounded overflow-hidden">
|
||||
<div class="areoi-media-col-content">
|
||||
<div class="d-none d-lg-block"><?php lightspeed_spacer( 'rectangle' ) ?></div>
|
||||
<div class="d-lg-none"><?php lightspeed_spacer( 'square' ) ?></div>
|
||||
<?php lightspeed_media() ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,898 @@
|
||||
<?php
|
||||
require_once( AREOI__PLUGIN_LIGHTSPEED_DIR . 'classes/class.areoi.walker-nav-primary.php' );
|
||||
require_once( AREOI__PLUGIN_LIGHTSPEED_DIR . 'classes/class.areoi.walker-nav-feature.php' );
|
||||
require_once( AREOI__PLUGIN_LIGHTSPEED_DIR . 'classes/class.areoi.walker-nav-feature-carousel.php' );
|
||||
require_once( AREOI__PLUGIN_LIGHTSPEED_DIR . 'classes/class.areoi.walker-nav-more.php' );
|
||||
|
||||
function lightspeed_render_block( $block_type, $attributes, $content )
|
||||
{
|
||||
$attributes['block_type'] = $block_type;
|
||||
|
||||
if ( areoi2_get_option( 'areoi-lightspeed-company-include-lightspeed', false ) ) {
|
||||
|
||||
if ( isset( $attributes['image'] ) && empty( $attributes['image'] ) && empty( $attributes['video'] ) ) {
|
||||
$attributes['video'] = lightspeed_get_placeholder_videos( 'rand' );
|
||||
}
|
||||
if ( isset( $attributes['gallery'] ) && empty( $attributes['gallery'] ) ) {
|
||||
$images = lightspeed_get_placeholder_images( 'rand' );
|
||||
$videos = lightspeed_get_placeholder_videos( 'rand' );
|
||||
|
||||
$medias = [ $images, $videos ];
|
||||
shuffle( $medias );
|
||||
|
||||
$attributes['gallery'] = $medias;
|
||||
}
|
||||
}
|
||||
|
||||
global $lightspeed_block_order;
|
||||
|
||||
$is_editor = isset( $_GET['context'] ) && $_GET['context'] == 'edit';
|
||||
|
||||
if ( $is_editor ) {
|
||||
$post_id = sanitize_text_field( $_GET['post_id'] );
|
||||
$post_content = get_the_content( $post_id );
|
||||
$post_blocks = parse_blocks( $post_content );
|
||||
|
||||
$block_order = 1;
|
||||
$post_order = 1;
|
||||
foreach ( $post_blocks as $block_key => $block ) {
|
||||
if ( !empty( $block['attrs']['block_id'] ) && $block['attrs']['block_id'] == $attributes['block_id'] ) {
|
||||
$block_order = $post_order;
|
||||
}
|
||||
if ( !empty( $block['blockName'] ) ) {
|
||||
$post_order++;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
$block_order = $lightspeed_block_order;
|
||||
}
|
||||
|
||||
if ( !isset( $attributes['background_display'] ) || !$attributes['background_display'] ) {
|
||||
$attributes['background_display'] = true;
|
||||
$attributes['background_color'] = array();
|
||||
$attributes['background_utility'] = '';
|
||||
}
|
||||
|
||||
if ( areoi2_get_option( 'areoi-lightspeed-styles-strip-background', false ) ) {
|
||||
|
||||
if ( $attributes['background_utility'] == '' && empty( $attributes['background_color']['rgb'] ) ) {
|
||||
if ( $block_order % 3 == 0 && $block_order > 0 ) {
|
||||
$attributes['background_utility'] = 'bg-light';
|
||||
} elseif ( $block_order % 4 == 0 ) {
|
||||
$attributes['background_utility'] = 'bg-dark';
|
||||
} else {
|
||||
$attributes['background_utility'] = 'bg-body';
|
||||
}
|
||||
|
||||
if ( in_array( $block_type, array( 'hero' ) ) ) {
|
||||
$attributes['background_utility'] = 'bg-primary';
|
||||
}
|
||||
if ( in_array( $block_type, array( 'call-to-action' ) ) ) {
|
||||
$attributes['background_utility'] = 'bg-secondary';
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if ( $block_type == 'hero' && $attributes['background_utility'] == '' && empty( $attributes['background_color']['rgb'] ) ) {
|
||||
$attributes['background_utility'] = 'bg-primary';
|
||||
} elseif ( $attributes['background_utility'] == '' && empty( $attributes['background_color']['rgb'] ) ) {
|
||||
$attributes['background_utility'] = 'bg-body';
|
||||
|
||||
if ( in_array( $block_type, array( 'call-to-action' ) ) ) {
|
||||
$attributes['background_utility'] = 'bg-secondary';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$pattern_align = !empty( $attributes['alignment'] ) ? $attributes['alignment'] : 'start';
|
||||
if ( areoi2_get_option( 'areoi-lightspeed-styles-strip-alignment', false ) ) {
|
||||
if ( empty( $attributes['alignment'] ) ) {
|
||||
if ( $block_order % 2 == 0 ) {
|
||||
$pattern_align = 'end';
|
||||
} else {
|
||||
$pattern_align = 'start';
|
||||
}
|
||||
}
|
||||
if ( empty( $attributes['alignment'] ) && in_array( $block_type, array( 'content-with-media', 'content-with-items', 'contact', 'search' ) ) ) {
|
||||
if ( $block_order % 2 == 0 ) {
|
||||
$attributes['alignment'] = 'end';
|
||||
} else {
|
||||
$attributes['alignment'] = 'start';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( !in_array( $block_type, array( 'header' ) ) ) {
|
||||
$lightspeed_block_order++;
|
||||
}
|
||||
|
||||
global $lightspeed_attributes;
|
||||
$lightspeed_attributes = $attributes;
|
||||
|
||||
if ( in_array( $block_type, [ 'content-with-items', 'posts' ] ) && empty( $attributes['content_filename'] ) ) {
|
||||
switch ( lightspeed_get_template( $block_type, $block_order, false ) ) {
|
||||
|
||||
case '3-column.php':
|
||||
case '3-column-alt.php':
|
||||
case 'tabs-full-width.php':
|
||||
case 'timeline.php':
|
||||
$attributes['content_filename'] = 'basic.php';
|
||||
if ( empty( $attributes['content_alignment'] ) ) $attributes['content_alignment'] = 'center';
|
||||
break;
|
||||
|
||||
case 'accordion.php':
|
||||
case 'content-with-grid.php':
|
||||
case 'scrollable.php':
|
||||
case 'tabs.php':
|
||||
$attributes['content_filename'] = 'basic.php';
|
||||
break;
|
||||
|
||||
default:
|
||||
$attributes['content_filename'] = '2-column.php';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
$lightspeed_attributes = $attributes;
|
||||
|
||||
$allow_pattern = true;
|
||||
|
||||
$divider_styles = lightspeed_get_divider_styles( $block_order );
|
||||
|
||||
$template = lightspeed_get_template( $block_type, $block_order );
|
||||
|
||||
switch ( $block_type ) {
|
||||
case 'header':
|
||||
$padding = 20;
|
||||
switch ( lightspeed_get_attribute( 'padding', null ) ) {
|
||||
case 'xs':
|
||||
$padding = 10;
|
||||
break;
|
||||
case 'sm':
|
||||
$padding = 15;
|
||||
break;
|
||||
case 'lg':
|
||||
$padding = 25;
|
||||
break;
|
||||
case 'none':
|
||||
$padding = 0;
|
||||
break;
|
||||
}
|
||||
|
||||
$content = '<div id="' . lightspeed_get_attribute( 'anchor', lightspeed_get_block_id() ) . '" class="' . lightspeed_get_block_id() . ' areoi-lightspeed-block areoi-lightspeed-' . $block_type . '">';
|
||||
ob_start(); include( $template ); $content .= ob_get_clean();
|
||||
$content .= '</div>';
|
||||
break;
|
||||
|
||||
case 'footer':
|
||||
|
||||
$padding = 20;
|
||||
switch ( lightspeed_get_attribute( 'padding', null ) ) {
|
||||
case 'xs':
|
||||
$padding = 10;
|
||||
break;
|
||||
case 'sm':
|
||||
$padding = 15;
|
||||
break;
|
||||
case 'lg':
|
||||
$padding = 25;
|
||||
break;
|
||||
case 'none':
|
||||
$padding = 0;
|
||||
break;
|
||||
}
|
||||
$first_padding = 85;
|
||||
|
||||
$content = '<div id="' . lightspeed_get_attribute( 'anchor', lightspeed_get_block_id() ) . '" class="' . lightspeed_get_block_classes( $block_type ) . ' position-relative" style="' . $divider_styles . '">';
|
||||
ob_start(); include( $template ); $content .= ob_get_clean();
|
||||
$content .= '</div>';
|
||||
break;
|
||||
|
||||
default:
|
||||
|
||||
$divider = lightspeed_get_divider( $block_order );
|
||||
|
||||
$is_first_strip = $block_type == 'hero' ? true : false;
|
||||
|
||||
$padding = areoi2_get_option( 'areoi-lightspeed-styles-strip-padding', '150' );
|
||||
|
||||
switch ( lightspeed_get_attribute( 'padding', null ) ) {
|
||||
case 'xs':
|
||||
$padding = $padding / 4;
|
||||
break;
|
||||
case 'sm':
|
||||
$padding = $padding / 2;
|
||||
break;
|
||||
case 'lg':
|
||||
$padding = $padding * 2;
|
||||
break;
|
||||
case 'none':
|
||||
$padding = 0;
|
||||
break;
|
||||
}
|
||||
|
||||
$padding_top = $padding;
|
||||
$mobile_padding = $padding / 2;
|
||||
$mobile_padding_top = $mobile_padding;
|
||||
|
||||
if ( $is_first_strip ) {
|
||||
|
||||
$next_divider = lightspeed_get_divider( 2 );
|
||||
|
||||
$padding = 85;
|
||||
$padding_top = 180;
|
||||
if ( $next_divider && $next_divider != 'none.svg' ) $padding += 85;
|
||||
|
||||
$mobile_padding = 85;
|
||||
$mobile_padding_top = 85;
|
||||
if ( $next_divider && $next_divider != 'none.svg' ) $mobile_padding += 85;
|
||||
|
||||
} else {
|
||||
|
||||
if ( $divider && $divider != 'none.svg' && $padding < 85 ) $padding = 85;
|
||||
if ( $divider && $divider != 'none.svg' && $mobile_padding < 85 ) $mobile_padding = 85;
|
||||
|
||||
}
|
||||
|
||||
$block_styles = lightspeed_get_block_styles( $is_first_strip, $padding, $padding_top, $mobile_padding, $mobile_padding_top );
|
||||
|
||||
$content = '<style>' . areoi_minify_css( $block_styles ) . '</style>';
|
||||
|
||||
$background = include( AREOI__PLUGIN_DIR . '/blocks/_partials/background.php' );
|
||||
|
||||
$content .= '<div id="' . lightspeed_get_attribute( 'anchor', lightspeed_get_block_id() ) . '" class="' . lightspeed_get_block_classes( $block_type ) . ' position-relative ' . ( $block_order == 1 ? 'areoi-is-first-strip' : '' ) . '" style="' . $divider_styles . '">';
|
||||
|
||||
$content .= $background;
|
||||
|
||||
ob_start(); include( $template ); $content .= ob_get_clean();
|
||||
|
||||
$content .= '</div>';
|
||||
break;
|
||||
}
|
||||
|
||||
return $content;
|
||||
}
|
||||
|
||||
function lightspeed_register_blocks()
|
||||
{
|
||||
$plugin_directory = AREOI__PLUGIN_LIGHTSPEED_DIR . 'blocks/';
|
||||
$plugin_templates = lightspeed_list_files_with_dir( $plugin_directory );
|
||||
|
||||
$custom_theme_directory = lightspeed_get_custom_directory();
|
||||
$custom_theme_templates = lightspeed_list_files_with_dir( $custom_theme_directory );
|
||||
|
||||
$child_templates = array();
|
||||
if ( is_child_theme() ) {
|
||||
$child_directory = lightspeed_get_custom_directory( true );
|
||||
$child_templates = lightspeed_list_files_with_dir( $child_directory );
|
||||
}
|
||||
|
||||
$block_folders = array_merge( $plugin_templates, $custom_theme_templates, $child_templates );
|
||||
|
||||
foreach ( $block_folders as $block_key => $block_folder ) {
|
||||
|
||||
if ( file_exists( $block_folder . '/block.json' ) ) {
|
||||
|
||||
$meta = json_decode( file_get_contents( $block_folder . '/block.json' ), true );
|
||||
|
||||
$meta = lightspeed_get_extra_metas( $meta, $block_key );
|
||||
register_block_type( $meta['name'], $meta );
|
||||
}
|
||||
}
|
||||
}
|
||||
lightspeed_register_blocks();
|
||||
|
||||
function lightspeed_get_extra_metas( $meta, $block_key )
|
||||
{
|
||||
$images = lightspeed_get_placeholder_images();
|
||||
$videos = lightspeed_get_placeholder_videos();
|
||||
$logos = lightspeed_get_placeholder_logos();
|
||||
$items_with_images = lightspeed_get_placeholder_items_with_images();
|
||||
$items_without_images = lightspeed_get_placeholder_items_without_images();
|
||||
|
||||
if ( in_array( $block_key, array( 'logos' ) ) ) {
|
||||
$medias = $logos;
|
||||
} else {
|
||||
$medias = array_merge( $images, $videos );
|
||||
shuffle( $medias );
|
||||
}
|
||||
|
||||
if ( in_array( $block_key, array( '' ) ) ) {
|
||||
$items = $items_without_images;
|
||||
} else {
|
||||
$items = $items_without_images;
|
||||
}
|
||||
|
||||
$meta['attributes']['block_id'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['block_order'] = array(
|
||||
'type' => 'number',
|
||||
'default' => 1
|
||||
);
|
||||
$meta['attributes']['anchor'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['align'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'full'
|
||||
);
|
||||
$meta['attributes']['alignment'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['size'] = array(
|
||||
'type' => 'string',
|
||||
'default' => '100vh'
|
||||
);
|
||||
$meta['attributes']['padding'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'md'
|
||||
);
|
||||
$meta['attributes']['filename'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
|
||||
$meta['attributes']['divider'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['pattern'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['mask'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['exclude_transition'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['exclude_parallax'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
|
||||
if ( !empty( $meta['supports']['lightspeed_header'] ) ) {
|
||||
$meta['attributes']['container'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'container'
|
||||
);
|
||||
$meta['attributes']['position'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'position-fixed'
|
||||
);
|
||||
$meta['attributes']['exclude_top_bar'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['exclude_search'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['exclude_company'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['exclude_social'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['top_bar_background'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'bg-dark'
|
||||
);
|
||||
$meta['attributes']['top_bar_text'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['top_bar_border'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['main_background'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'bg-light'
|
||||
);
|
||||
$meta['attributes']['main_text'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['main_border'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['logo'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['logo_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['logo_height'] = array(
|
||||
'type' => 'string',
|
||||
'default' => '40'
|
||||
);
|
||||
}
|
||||
|
||||
if ( !empty( $meta['supports']['lightspeed_footer'] ) ) {
|
||||
$meta['attributes']['container'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'container'
|
||||
);
|
||||
$meta['attributes']['exclude_top_bar'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['exclude_company'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['exclude_social'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['main_background'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'bg-light'
|
||||
);
|
||||
$meta['attributes']['main_text'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['logo'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['logo_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['logo_height'] = array(
|
||||
'type' => 'string',
|
||||
'default' => '50'
|
||||
);
|
||||
}
|
||||
|
||||
if ( !empty( $meta['supports']['lightspeed_content'] ) ) {
|
||||
$meta['attributes']['content_filename'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['content_alignment'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['sub_heading'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['is_post_title'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['heading'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'An interesting title that passes the blink test.'
|
||||
);
|
||||
$meta['attributes']['is_post_excerpt'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['introduction'] = array(
|
||||
'type' => 'string',
|
||||
'default' => '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lobortis eros eget erat finibus, sed eleifend augue ultricies. Etiam imperdiet malesuada imperdiet. Mauris libero mauris.</p>'
|
||||
);
|
||||
$meta['attributes']['include_read_more'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['active_column'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['columns'] = array(
|
||||
'type' => 'array',
|
||||
'default' => array()
|
||||
);
|
||||
$meta['attributes']['include_cta'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => true
|
||||
);
|
||||
$meta['attributes']['cta'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'Call to Action'
|
||||
);
|
||||
$meta['attributes']['cta_size'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'btn-lg'
|
||||
);
|
||||
$meta['attributes']['url'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['opensInNewTab'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
|
||||
$meta['attributes']['heading_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['sub_heading_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['introduction_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['cta_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
}
|
||||
|
||||
if ( !empty( $meta['supports']['lightspeed_posts'] ) ) {
|
||||
$meta['attributes']['post_background_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['post_title_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['post_excerpt_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
|
||||
$meta['attributes']['is_post_query'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['post_type'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'post'
|
||||
);
|
||||
$meta['attributes']['display_posts'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'selected'
|
||||
);
|
||||
$meta['attributes']['posts_per_page'] = array(
|
||||
'type' => 'string',
|
||||
'default' => '8'
|
||||
);
|
||||
$meta['attributes']['orderby'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'title'
|
||||
);
|
||||
$meta['attributes']['order'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'asc'
|
||||
);
|
||||
$meta['attributes']['post_ids'] = array(
|
||||
'type' => 'array',
|
||||
'default' => []
|
||||
);
|
||||
$meta['attributes']['include_pagination'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['pagination_color'] = array(
|
||||
'type' => 'string',
|
||||
'default' => 'btn-primary'
|
||||
);
|
||||
$meta['attributes']['include_media'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => true
|
||||
);
|
||||
$meta['attributes']['include_title'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => true
|
||||
);
|
||||
$meta['attributes']['include_excerpt'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => true
|
||||
);
|
||||
$meta['attributes']['include_permalink'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => true
|
||||
);
|
||||
}
|
||||
|
||||
if ( !empty( $meta['supports']['lightspeed_media'] ) ) {
|
||||
$meta['attributes']['media_shape'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['media_fit'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['is_post_image'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['image'] = array(
|
||||
'type' => 'object',
|
||||
'default' => []
|
||||
);
|
||||
$meta['attributes']['video'] = array(
|
||||
'type' => 'object',
|
||||
'default' => []
|
||||
);
|
||||
}
|
||||
|
||||
if ( !empty( $meta['supports']['lightspeed_gallery'] ) && !in_array( $block_key, ['logos'] ) ) {
|
||||
$meta['attributes']['gallery'] = array(
|
||||
'type' => 'array',
|
||||
'default' => []
|
||||
);
|
||||
}
|
||||
if ( !empty( $meta['supports']['lightspeed_gallery'] ) && in_array( $block_key, ['logos'] ) ) {
|
||||
$meta['attributes']['gallery'] = array(
|
||||
'type' => 'array',
|
||||
'default' => $medias,
|
||||
);
|
||||
}
|
||||
if ( !empty( $meta['supports']['lightspeed_items'] ) ) {
|
||||
$meta['attributes']['active_item'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['items'] = array(
|
||||
'type' => 'array',
|
||||
'default' => $items
|
||||
);
|
||||
}
|
||||
if ( !empty( $meta['supports']['lightspeed_background'] ) ) {
|
||||
$meta['attributes']['background_display'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['background_utility'] = array(
|
||||
'type' => 'string',
|
||||
'default' => ''
|
||||
);
|
||||
$meta['attributes']['background_color'] = array(
|
||||
'type' => 'object',
|
||||
'default' => []
|
||||
);
|
||||
$meta['attributes']['background_image'] = array(
|
||||
'type' => 'object',
|
||||
'default' => []
|
||||
);
|
||||
$meta['attributes']['background_video'] = array(
|
||||
'type' => 'object',
|
||||
'default' => []
|
||||
);
|
||||
$meta['attributes']['background_display_overlay'] = array(
|
||||
'type' => 'boolean',
|
||||
'default' => false
|
||||
);
|
||||
$meta['attributes']['background_overlay'] = array(
|
||||
'type' => 'object',
|
||||
'default' => array(
|
||||
'rgb' => array(
|
||||
'r' => 0,
|
||||
'g' => 0,
|
||||
'b' => 0,
|
||||
'a' => 1
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
$meta['render_callback'] = function( $attributes, $content ) use ( $block_key ) {
|
||||
return lightspeed_render_block( $block_key, $attributes, $content );
|
||||
};
|
||||
|
||||
return $meta;
|
||||
}
|
||||
|
||||
function lightspeed_get_placeholder_introduction()
|
||||
{
|
||||
return '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lobortis eros eget erat finibus, sed eleifend augue ultricies. Etiam imperdiet malesuada imperdiet. Mauris libero mauris.</p>';
|
||||
}
|
||||
|
||||
function lightspeed_get_placeholder_items_with_images()
|
||||
{
|
||||
|
||||
$items = array(
|
||||
array(
|
||||
'id' => 1,
|
||||
'heading' => 'Item 1',
|
||||
'introduction' => lightspeed_get_placeholder_introduction(),
|
||||
'include_cta' => false,
|
||||
'cta' => null,
|
||||
'cta_size' => null,
|
||||
'url' => null,
|
||||
'opensInNewTab' => null,
|
||||
'heading_color' => null,
|
||||
'introduction_color' => null,
|
||||
'cta_color' => null,
|
||||
'background_color' => null,
|
||||
'video' => null,
|
||||
'image' => lightspeed_get_placeholder_images( 0 )
|
||||
),
|
||||
);
|
||||
|
||||
return $items;
|
||||
}
|
||||
|
||||
function lightspeed_get_placeholder_items_without_images()
|
||||
{
|
||||
|
||||
$items = array(
|
||||
array(
|
||||
'id' => 1,
|
||||
'heading' => 'Item 1',
|
||||
'introduction' => lightspeed_get_placeholder_introduction(),
|
||||
'include_cta' => false,
|
||||
'cta' => null,
|
||||
'cta_size' => null,
|
||||
'url' => null,
|
||||
'opensInNewTab' => null,
|
||||
'heading_color' => null,
|
||||
'introduction_color' => null,
|
||||
'cta_color' => null,
|
||||
'background_color' => null,
|
||||
'video' => null,
|
||||
'image' => null
|
||||
),
|
||||
);
|
||||
|
||||
return $items;
|
||||
}
|
||||
|
||||
function lightspeed_get_placeholder_images( $key = null )
|
||||
{
|
||||
$directory = lightspeed_get_placeholder_path();
|
||||
|
||||
$files = array_diff( scandir( $directory ), array( '.', '..' ) );
|
||||
|
||||
$filenames = array();
|
||||
if ( count( $files ) ) {
|
||||
foreach ( $files as $file_key => $file ) {
|
||||
$ext = pathinfo( $file, PATHINFO_EXTENSION );
|
||||
if ( in_array( strtolower( $ext ), array( 'webp', 'jpg', 'jpeg', 'gif', 'png' ) ) ) $filenames[] = $file;
|
||||
}
|
||||
}
|
||||
|
||||
if ( $key == 'rand' ) $key = rand( 0, (count( $filenames ) - 1) );
|
||||
|
||||
$images = array();
|
||||
if ( !empty( $filenames ) ) {
|
||||
foreach ( $filenames as $file_key => $file ) {
|
||||
$images[] = array(
|
||||
'id' => $file_key,
|
||||
'title' => 'image-' . $file_key,
|
||||
'filename' => 'image-' . $file_key,
|
||||
'url' => '' . lightspeed_get_placeholder_uri() . '/' . $file,
|
||||
'mime' => 'image/' . $ext,
|
||||
'type' => 'image',
|
||||
'subtype' => $ext,
|
||||
'height' => 750,
|
||||
'width' => 1125,
|
||||
'alt' => 'Placeholder Image'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if ( $key !== null ) return $images[$key];
|
||||
|
||||
return $images;
|
||||
}
|
||||
|
||||
function lightspeed_get_placeholder_videos( $key = null )
|
||||
{
|
||||
$directory = lightspeed_get_placeholder_path();
|
||||
|
||||
$files = array_diff( scandir( $directory ), array( '.', '..' ) );
|
||||
|
||||
$filenames = array();
|
||||
if ( count( $files ) ) {
|
||||
foreach ( $files as $file_key => $file ) {
|
||||
$ext = pathinfo( $file, PATHINFO_EXTENSION );
|
||||
if ( in_array( strtolower( $ext ), array( 'mov', 'mp4', 'webm' ) ) ) $filenames[] = $file;
|
||||
}
|
||||
}
|
||||
|
||||
if ( $key == 'rand' ) $key = rand( 0, (count( $filenames ) - 1) );
|
||||
|
||||
$videos = array();
|
||||
if ( !empty( $filenames ) ) {
|
||||
foreach ( $filenames as $file_key => $file ) {
|
||||
$ext = pathinfo( $file, PATHINFO_EXTENSION );
|
||||
$videos[] = array(
|
||||
'id' => $file_key,
|
||||
'title' => 'image-' . $file_key,
|
||||
'filename' => 'image-' . $file_key,
|
||||
'url' => '' . lightspeed_get_placeholder_uri() . '/' . $file,
|
||||
'mime' => 'video/' . $ext,
|
||||
'type' => 'video',
|
||||
'subtype' => $ext,
|
||||
'height' => 750,
|
||||
'width' => 1125,
|
||||
'alt' => 'Placeholder Video'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if ( $key !== null ) return $videos[$key];
|
||||
|
||||
return $videos;
|
||||
}
|
||||
|
||||
function lightspeed_get_placeholder_logos()
|
||||
{
|
||||
$logos = array(
|
||||
array(
|
||||
'id' => 1,
|
||||
'title' => '3d-square',
|
||||
'filename' => '3d-square.svg',
|
||||
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/3d-square.svg',
|
||||
'mime' => 'image/svg',
|
||||
'type' => 'image',
|
||||
'subtype' => 'svg',
|
||||
'height' => 1280,
|
||||
'width' => 1920,
|
||||
'alt' => 'Placeholder Image'
|
||||
),
|
||||
array(
|
||||
'id' => 2,
|
||||
'title' => 'shapey',
|
||||
'filename' => 'shapey.svg',
|
||||
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/shapey.svg',
|
||||
'mime' => 'image/svg',
|
||||
'type' => 'image',
|
||||
'subtype' => 'svg',
|
||||
'height' => 1280,
|
||||
'width' => 1920,
|
||||
'alt' => 'Placeholder Image'
|
||||
),
|
||||
array(
|
||||
'id' => 3,
|
||||
'title' => 'speech',
|
||||
'filename' => 'speech.svg',
|
||||
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/speech.svg',
|
||||
'mime' => 'image/svg',
|
||||
'type' => 'image',
|
||||
'subtype' => 'svg',
|
||||
'height' => 1280,
|
||||
'width' => 1920,
|
||||
'alt' => 'Placeholder Image'
|
||||
),
|
||||
array(
|
||||
'id' => 4,
|
||||
'title' => 'triangle-creative',
|
||||
'filename' => 'triangle-creative.svg',
|
||||
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/triangle-creative.svg',
|
||||
'mime' => 'image/svg',
|
||||
'type' => 'image',
|
||||
'subtype' => 'svg',
|
||||
'height' => 1280,
|
||||
'width' => 1920,
|
||||
'alt' => 'Placeholder Image'
|
||||
),
|
||||
array(
|
||||
'id' => 5,
|
||||
'title' => 'waves',
|
||||
'filename' => 'waves.svg',
|
||||
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/waves.svg',
|
||||
'mime' => 'image/svg',
|
||||
'type' => 'image',
|
||||
'subtype' => 'svg',
|
||||
'height' => 1280,
|
||||
'width' => 1920,
|
||||
'alt' => 'Placeholder Image'
|
||||
),
|
||||
);
|
||||
return $logos;
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/logos",
|
||||
"title": "Logos",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {
|
||||
"max_width": {
|
||||
"type": "string",
|
||||
"default": "90"
|
||||
},
|
||||
"max_height": {
|
||||
"type": "string",
|
||||
"default": "60"
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_content": true,
|
||||
"lightspeed_gallery": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-lightspeed-block-logos img,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-lightspeed-block-logos video {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: ' . lightspeed_get_attribute( 'max_width', '80' ) . '%;
|
||||
max-height: ' . lightspeed_get_attribute( 'max_height', '90' ) . 'px;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'center' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
|
||||
<div class="col-lg-6">
|
||||
|
||||
<?php lightspeed_content( 2, 'center', 'col' ) ?>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'include_cta', false ) ) : ?>
|
||||
<div class="h1"></div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-6 justify-content-center areoi-lightspeed-block-logos">
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
|
||||
<div class="col mb-4 mt-4 d-flex align-items-center justify-content-center">
|
||||
<?php if ( $media['type'] == 'image' ) : ?>
|
||||
<img
|
||||
src="<?php echo $media['url'] ?>"
|
||||
alt="<?php echo !empty( $media['alt'] ) ? $media['alt'] : '' ?>"
|
||||
width="<?php echo !empty( $media['width'] ) ? $media['width'] : '' ?>"
|
||||
height="<?php echo !empty( $media['height'] ) ? $media['height'] : '' ?>"
|
||||
>
|
||||
<?php else : ?>
|
||||
<video
|
||||
src="<?php echo $media['url'] ?>"
|
||||
muted
|
||||
playsinline
|
||||
autoplay
|
||||
loop
|
||||
></video>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/media",
|
||||
"title": "Media",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {
|
||||
"media_shape": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"media_fit": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_gallery": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-media-col {
|
||||
margin-top: calc(var(--bs-gutter-x) * .5);
|
||||
margin-bottom: calc(var(--bs-gutter-x) * .5);
|
||||
position: relative;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col">
|
||||
<div class="row align-items-start areoi-parallax-component areoi-transition-none">
|
||||
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
|
||||
<div class="col-6 col-lg-3 <?php lightspeed_media_col_class() ?>">
|
||||
|
||||
<div class="areoi-media-col-content rounded overflow-hidden">
|
||||
<?php lightspeed_spacer( 'square' ) ?>
|
||||
|
||||
<?php if ( $media['type'] == 'image' ) : ?>
|
||||
<img
|
||||
src="<?php echo $media['url'] ?>"
|
||||
class="d-block"
|
||||
alt="<<?php echo !empty( $media['alt'] ) ? $media['alt'] : '' ?>"
|
||||
width="<?php echo !empty( $media['width'] ) ? $media['width'] : '' ?>"
|
||||
height="<?php echo !empty( $media['height'] ) ? $media['height'] : '' ?>"
|
||||
>
|
||||
<?php else : ?>
|
||||
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop></video>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item img,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item video,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item .areoi-media-col,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item .areoi-media-col-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block > div.container > .row {
|
||||
height: calc( ' . lightspeed_get_attribute( 'size', '100vh' ) . ' - ' . areoi2_get_option( 'areoi-lightspeed-styles-strip-padding', '0' ) * 2 . 'px );
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container areoi-parallax-none">
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col areoi-hero-media position-relative areoi-transition-none">
|
||||
|
||||
<?php lightspeed_media_carousel( lightspeed_get_attribute( 'gallery', array() ), lightspeed_get_attribute( 'media_shape', 'rectangle' ), false ) ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-media-col {
|
||||
position: relative;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block {
|
||||
padding: 0;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container-fluid h-100">
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col">
|
||||
<div class="row align-items-start">
|
||||
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
|
||||
<div class="col-6 col-lg-3 <?php lightspeed_media_col_class() ?> p-0">
|
||||
|
||||
<div class="areoi-media-col-content">
|
||||
<?php lightspeed_spacer( 'square' ) ?>
|
||||
|
||||
<?php lightspeed_gallery_media( $media ) ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,44 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-indicators {
|
||||
bottom: 75px !important;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-inner,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item .areoi-media-col,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item .areoi-media-col-content {
|
||||
height: 100%;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item img,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block {
|
||||
padding: 0;
|
||||
}
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block > div.container > .row,
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block > div.container-fluid > .row {
|
||||
height: ' . lightspeed_get_attribute( 'size', '100vh' ) . ';
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container-fluid h-100 areoi-parallax-none">
|
||||
<div class="row">
|
||||
|
||||
<div class="col areoi-hero-media h-100 p-0 areoi-transition-none">
|
||||
|
||||
<?php lightspeed_media_carousel( lightspeed_get_attribute( 'gallery', array() ), lightspeed_get_attribute( 'media_shape', 'rectangle' ), false ) ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-media-col {
|
||||
margin-top: calc(var(--bs-gutter-x) * .5);
|
||||
margin-bottom: calc(var(--bs-gutter-x) * .5);
|
||||
position: relative;
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col">
|
||||
<div class="row d-block areoi-parallax-component">
|
||||
|
||||
<?php
|
||||
$counter = 1;
|
||||
foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
|
||||
<div style="float: <?php echo $counter == 8 ? 'right' : 'left' ?>" class="col-6 <?php echo ( in_array( $counter, array( 1, 8 ) ) ) ? 'col-lg-6' : 'col-lg-3' ?> <?php lightspeed_media_col_class() ?>">
|
||||
|
||||
<div class="areoi-media-col-content rounded overflow-hidden">
|
||||
<?php lightspeed_spacer( 'square' ) ?>
|
||||
|
||||
<?php lightspeed_gallery_media( $media ) ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php
|
||||
$counter++;
|
||||
if ( $counter == 11 ) $counter = 1;
|
||||
endforeach; ?>
|
||||
|
||||
<div style="clear: both;"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/next-and-previous",
|
||||
"title": "Next and Previous",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
<?php
|
||||
$prev_post = get_previous_post();
|
||||
$next_post = get_next_post();
|
||||
$items = array(
|
||||
'prev' => array(
|
||||
'heading' => $prev_post ? $prev_post->post_title : '',
|
||||
'media' => $prev_post ? wp_get_attachment_image_url( get_post_thumbnail_id( $prev_post->ID ), 'single-post-thumbnail' ) : '',
|
||||
'permalink' => $prev_post ? get_the_permalink( $prev_post->ID ) : ''
|
||||
),
|
||||
'next' => array(
|
||||
'heading' => $next_post ? $next_post->post_title : '',
|
||||
'media' => $next_post ? wp_get_attachment_image_url( get_post_thumbnail_id( $next_post->ID ), 'single-post-thumbnail' ) : '',
|
||||
'permalink' => $next_post ? get_the_permalink( $next_post->ID ) : ''
|
||||
),
|
||||
);
|
||||
|
||||
if ( !empty( $_GET['context'] ) && $_GET['context'] == 'edit' ) {
|
||||
$items = array(
|
||||
'prev' => array(
|
||||
'heading' => 'Previous post',
|
||||
'media' => lightspeed_get_placeholder_images( 1 )['url'],
|
||||
'permalink' => ''
|
||||
),
|
||||
'next' => array(
|
||||
'heading' => 'Next post',
|
||||
'media' => lightspeed_get_placeholder_images( 3 )['url'],
|
||||
'permalink' => ''
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
if ( empty( $items['prev']['media'] ) && areoi2_get_option( 'areoi-lightspeed-company-include-lightspeed', false ) ) {
|
||||
$items['prev']['media'] = lightspeed_get_placeholder_images( 1 )['url'];
|
||||
}
|
||||
if ( empty( $items['next']['media'] ) && areoi2_get_option( 'areoi-lightspeed-company-include-lightspeed', false ) ) {
|
||||
$items['next']['media'] = lightspeed_get_placeholder_images( 3 )['url'];
|
||||
}
|
||||
|
||||
$styles = '';
|
||||
if ( !$next_post && !$prev_post ) {
|
||||
$styles .= '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block {
|
||||
display: none;
|
||||
}
|
||||
';
|
||||
}
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<?php foreach ( $items as $item_key => $item ) : ?>
|
||||
|
||||
<div class="col-md-6 position-relative areoi-has-url">
|
||||
<?php if ( !empty( $item['heading'] ) ) : ?>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-6 <?php echo $item_key == 'next' ? 'order-1' : ' text-end' ?>">
|
||||
<?php lightspeed_heading( 2, $item, 'h3' ) ?>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="<?php lightspeed_media_col_class() ?> h-100">
|
||||
<div class="areoi-media-col-content h-100 rounded overflow-hidden">
|
||||
<?php lightspeed_square_spacer() ?>
|
||||
<?php if ( $item['media'] ) : ?>
|
||||
<img src="<?php echo $item['media'] ?>" alt="<?php echo $item['heading'] ?>" />
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="<?php echo $item['permalink'] ?>" class="stretched-link" aria-label="View <?php echo $item['heading'] ?>"></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php endforeach; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,40 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/post-details",
|
||||
"title": "Post Details",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {
|
||||
|
||||
"include_post_author": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"include_post_date": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"include_post_categories": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
|
||||
"introduction_color": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
<?php
|
||||
$color = lightspeed_get_attribute( 'introduction_color', lightspeed_get_default_color( 'text' ) );
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-3 text-center <?php echo $color; ?>">
|
||||
<?php
|
||||
|
||||
if ( lightspeed_get_attribute( 'include_post_author', null ) ) :
|
||||
?>
|
||||
<div class="col">
|
||||
<?php lightspeed_author_url( $color ) ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'include_post_date', null ) ) : ?>
|
||||
<div class="col">
|
||||
<?php echo get_the_date() ? get_the_date() : date( 'd/M/Y' ) ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( lightspeed_get_attribute( 'include_post_categories', null ) ) : ?>
|
||||
<div class="col">
|
||||
<?php
|
||||
$categories = get_categories();
|
||||
if ( ! empty( $categories ) ) {
|
||||
echo '<a href="' . esc_url( get_category_link( $categories[0]->term_id ) ) . '" class="' . $color . '">' . esc_html( $categories[0]->name ) . '</a>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/posts",
|
||||
"title": "Posts",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {
|
||||
"media_shape": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"media_fit": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_content": true,
|
||||
"lightspeed_posts": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( null, true, false, true ) ?>
|
||||
</div>
|
||||
<?php $post_count++; endwhile; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_post_pagination( $the_query ) ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( null, true ) ?>
|
||||
</div>
|
||||
<?php $post_count++; endwhile; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_post_pagination( $the_query ) ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( null, true, false, true ) ?>
|
||||
</div>
|
||||
<?php $post_count++; endwhile; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_post_pagination( $the_query ) ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( null, true ) ?>
|
||||
</div>
|
||||
<?php $post_count++; endwhile; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_post_pagination( $the_query ) ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( null, true, false, true ) ?>
|
||||
</div>
|
||||
<?php $post_count++; endwhile; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_post_pagination( $the_query ) ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
|
||||
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<div class="col mb-4 position-relative">
|
||||
<?php lightspeed_item( null, true ) ?>
|
||||
</div>
|
||||
<?php $post_count++; endwhile; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_post_pagination( $the_query ) ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,41 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="align-self-start col-lg-6 col-xxl-5 areoi-col-content <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'offset-xxl-1 order-lg-1' : '' ?> position-sticky" style="top: 100px;">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? '' : 'offset-xxl-1' ?>">
|
||||
<div class="row row-cols-1 row-cols-md-2 areoi-parallax-component">
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<div class="col mb-4 position-relative areoi-has-url">
|
||||
<?php lightspeed_item( null, true ) ?>
|
||||
</div>
|
||||
<?php $post_count++; endwhile; ?>
|
||||
</div>
|
||||
|
||||
<?php lightspeed_post_pagination( $the_query ) ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,46 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
|
||||
<div class="col">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-end' : '' ?>">
|
||||
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<div class="col <?php echo in_array( $post_count, array( 0, 5) ) ? 'col-lg-6' : '' ?> mb-4 position-relative areoi-has-url">
|
||||
<?php if ( !empty( lightspeed_get_attribute( 'media_position', null ) ) && lightspeed_get_attribute( 'media_position', null ) == 'background' ) : ?>
|
||||
<?php lightspeed_item_with_background( null, true ) ?>
|
||||
<?php else : ?>
|
||||
<?php lightspeed_item( null, true ) ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php $post_count++; if ( $post_count == 6 ) $post_count = 0; endwhile; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php lightspeed_post_pagination( $the_query ) ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,49 @@
|
||||
<?php
|
||||
$the_query = lightspeed_get_posts();
|
||||
|
||||
$styles = '
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: relative;
|
||||
}
|
||||
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
|
||||
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
|
||||
position: absolute;
|
||||
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0
|
||||
}
|
||||
}
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100">
|
||||
<div class="row h-100 align-items-center justify-content-between <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-lg-end' : '' ?>">
|
||||
|
||||
<div class="col-lg-6 col-xl-5 text-center text-lg-start position-relative">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 areoi-hero-media p-0">
|
||||
<div class="h1 d-lg-none"></div>
|
||||
<div class="areoi-drag-container">
|
||||
<ul class="align-items-start">
|
||||
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
|
||||
<li class="position-relative areoi-has-url">
|
||||
<?php if ( !empty( lightspeed_get_attribute( 'media_position', null ) ) && lightspeed_get_attribute( 'media_position', null ) == 'background' ) : ?>
|
||||
<?php lightspeed_item_with_background( null, true ) ?>
|
||||
<?php else : ?>
|
||||
<?php lightspeed_item( null, true ) ?>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php $post_count++; endwhile; ?>
|
||||
|
||||
<?php wp_reset_postdata(); ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi-lightspeed/search",
|
||||
"title": "Search",
|
||||
"parent": null,
|
||||
"category": "areoi-lightspeed",
|
||||
"description": "",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "lightspeed" ],
|
||||
"example": {},
|
||||
"attributes": {},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": false,
|
||||
"html": false,
|
||||
"lightspeed_background": true,
|
||||
"lightspeed_gallery": true,
|
||||
"lightspeed_content": true
|
||||
},
|
||||
"editorScript": "",
|
||||
"editorStyle": "",
|
||||
"style": ""
|
||||
}
|
||||
@@ -0,0 +1,75 @@
|
||||
<?php
|
||||
$styles = '
|
||||
|
||||
';
|
||||
?>
|
||||
<?php if ( $styles ) : ?>
|
||||
<style><?php echo areoi_minify_css( $styles ) ?></style>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="container h-100 position-relative">
|
||||
<div class="row h-100 align-items-center justify-content-between">
|
||||
|
||||
<div class="col-lg-6 col-xxl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
|
||||
|
||||
<?php lightspeed_content( 2, 'start', 'col' ) ?>
|
||||
|
||||
<?php lightspeed_search() ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 areoi-hero-media">
|
||||
|
||||
<div class="h1 d-lg-none"></div>
|
||||
|
||||
<div id="<?php lightspeed_block_id() ?>-media-carousel" class="carousel slide" data-bs-ride="carousel">
|
||||
|
||||
<?php if ( count( lightspeed_get_attribute( 'gallery', array() ) ) > 1 ) : ?>
|
||||
<div class="carousel-indicators">
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
|
||||
<button
|
||||
type="button"
|
||||
data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel"
|
||||
data-bs-slide-to="<?php echo $gallery_key ?>"
|
||||
class="<?php echo $gallery_key == 0 ? 'active' : '' ?>"
|
||||
aria-current="true"
|
||||
aria-label="Slide <?php echo $gallery_key + 1 ?>"
|
||||
></button>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="carousel-inner areoi-has-mask">
|
||||
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
|
||||
<div class="carousel-item <?php echo $gallery_key == 0 ? 'active' : '' ?>">
|
||||
<div class="<?php lightspeed_media_col_class() ?>">
|
||||
<div class="areoi-media-col-content">
|
||||
<?php lightspeed_spacer( lightspeed_get_attribute( 'media_shape', 'square' ) ) ?>
|
||||
<?php if ( $media['type'] == 'image' ) : ?>
|
||||
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
|
||||
<?php else : ?>
|
||||
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
<?php if ( count( lightspeed_get_attribute( 'gallery', array() ) ) > 1 ) : ?>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user