Project-Pro/sklep.elitex.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Jacek Pyziak
2023-11-23 22:14:40 +01:00
commit 6c5e83d1b2
2779 changed files with 640726 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
wp-content/themes/calla/framework/modules/sidearea/admin/custom-styles/sidearea-custom-styles.php Normal file
View File

@@ -0,0 +1,176 @@
<?php
if (!function_exists('calla_elated_side_area_slide_from_right_type_style')) {
function calla_elated_side_area_slide_from_right_type_style() {
if (calla_elated_options()->getOptionValue('side_area_type') == 'side-menu-slide-from-right') {
if (calla_elated_options()->getOptionValue('side_area_width') !== '') {
echo calla_elated_dynamic_css('.eltdf-side-menu-slide-from-right .eltdf-side-menu', array(
'right' => '-' . calla_elated_options()->getOptionValue('side_area_width'),
'width' => calla_elated_options()->getOptionValue('side_area_width')
));
}
if (calla_elated_options()->getOptionValue('side_area_content_overlay_color') !== '') {
echo calla_elated_dynamic_css('.eltdf-side-menu-slide-from-right .eltdf-wrapper .eltdf-cover', array(
'background-color' => calla_elated_options()->getOptionValue('side_area_content_overlay_color')
));
}
if (calla_elated_options()->getOptionValue('side_area_content_overlay_opacity') !== '') {
echo calla_elated_dynamic_css('.eltdf-side-menu-slide-from-right.eltdf-right-side-menu-opened .eltdf-wrapper .eltdf-cover', array(
'opacity' => calla_elated_options()->getOptionValue('side_area_content_overlay_opacity')
));
}
}
}
add_action('calla_elated_style_dynamic', 'calla_elated_side_area_slide_from_right_type_style');
}
if (!function_exists('calla_elated_side_area_slide_with_content_type_style')) {
function calla_elated_side_area_slide_with_content_type_style() {
if (calla_elated_options()->getOptionValue('side_area_type') == 'side-menu-slide-with-content') {
if (calla_elated_options()->getOptionValue('side_area_width') !== '') {
echo calla_elated_dynamic_css('.eltdf-side-menu-slide-with-content .eltdf-side-menu', array(
'right' => '-' . calla_elated_options()->getOptionValue('side_area_width'),
'width' => calla_elated_options()->getOptionValue('side_area_width')
));
$side_menu_open_classes = array(
'.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-wrapper',
'.eltdf-side-menu-slide-with-content.eltdf-side-menu-open footer.uncover',
'.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-sticky-header',
'.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-fixed-wrapper',
'.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-mobile-header-inner',
);
echo calla_elated_dynamic_css($side_menu_open_classes, array(
'left' => '-' . calla_elated_options()->getOptionValue('side_area_width'),
));
}
}
}
add_action('calla_elated_style_dynamic', 'calla_elated_side_area_slide_with_content_type_style');
}
if (!function_exists('calla_elated_side_area_uncovered_from_content_type_style')) {
function calla_elated_side_area_uncovered_from_content_type_style() {
if (calla_elated_options()->getOptionValue('side_area_type') == 'side-area-uncovered-from-content') {
if (calla_elated_options()->getOptionValue('side_area_width') !== '') {
echo calla_elated_dynamic_css('.eltdf-side-area-uncovered-from-content .eltdf-side-menu', array(
'width' => calla_elated_options()->getOptionValue('side_area_width')
));
$side_menu_open_classes = array(
'.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-wrapper',
'.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened footer.uncover',
'.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-sticky-header',
'.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-fixed-wrapper.fixed',
'.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-mobile-header-inner',
'.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .mobile-header-appear .eltdf-mobile-header-inner',
);
echo calla_elated_dynamic_css($side_menu_open_classes, array(
'left' => '-' . calla_elated_options()->getOptionValue('side_area_width'),
));
}
}
}
add_action('calla_elated_style_dynamic', 'calla_elated_side_area_uncovered_from_content_type_style');
}
if (!function_exists('calla_elated_side_area_icon_color_styles')) {
function calla_elated_side_area_icon_color_styles() {
$icon_color = calla_elated_options()->getOptionValue('side_area_icon_color');
$icon_hover_color = calla_elated_options()->getOptionValue('side_area_icon_hover_color');
$close_icon_color = calla_elated_options()->getOptionValue('side_area_close_icon_color');
$close_icon_hover_color = calla_elated_options()->getOptionValue('side_area_close_icon_hover_color');
$icon_hover_selector = array(
'.eltdf-side-menu-button-opener:hover',
'.eltdf-side-menu-button-opener.opened'
);
if (!empty($icon_color)) {
echo calla_elated_dynamic_css('.eltdf-side-menu-button-opener', array(
'color' => $icon_color
));
}
if (!empty($icon_hover_color)) {
echo calla_elated_dynamic_css($icon_hover_selector, array(
'color' => $icon_hover_color
));
}
if (!empty($close_icon_color)) {
echo calla_elated_dynamic_css('.eltdf-side-menu a.eltdf-close-side-menu', array(
'color' => $close_icon_color
));
}
if (!empty($close_icon_hover_color)) {
echo calla_elated_dynamic_css('.eltdf-side-menu a.eltdf-close-side-menu:hover', array(
'color' => $close_icon_hover_color
));
}
}
add_action('calla_elated_style_dynamic', 'calla_elated_side_area_icon_color_styles');
}
if (!function_exists('calla_elated_side_area_styles')) {
function calla_elated_side_area_styles() {
$side_area_styles = array();
$background_color = calla_elated_options()->getOptionValue('side_area_background_color');
$padding = calla_elated_options()->getOptionValue('side_area_padding');
$text_alignment = calla_elated_options()->getOptionValue('side_area_aligment');
if (!empty($background_color)) {
$side_area_styles['background-color'] = $background_color;
}
if (!empty($padding)) {
$side_area_styles['padding'] = esc_attr($padding);
}
if (!empty($text_alignment)) {
$side_area_styles['text-align'] = $text_alignment;
}
if (!empty($side_area_styles)) {
echo calla_elated_dynamic_css('.eltdf-side-menu', $side_area_styles);
}
if ($text_alignment === 'center') {
echo calla_elated_dynamic_css('.eltdf-side-menu .widget img', array(
'margin' => '0 auto'
));
}
}
add_action('calla_elated_style_dynamic', 'calla_elated_side_area_styles');
}

270
wp-content/themes/calla/framework/modules/sidearea/admin/options-map/sidearea-map.php Normal file
View File

@@ -0,0 +1,270 @@
<?php
if (!function_exists('calla_elated_sidearea_options_map')) {
function calla_elated_sidearea_options_map() {
calla_elated_add_admin_page(
array(
'slug' => '_side_area_page',
'title' => esc_html__('Side Area', 'calla'),
'icon' => 'fa fa-indent'
)
);
$side_area_panel = calla_elated_add_admin_panel(
array(
'title' => esc_html__('Side Area', 'calla'),
'name' => 'side_area',
'page' => '_side_area_page'
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_panel,
'type' => 'select',
'name' => 'side_area_type',
'default_value' => 'side-menu-slide-from-right',
'label' => esc_html__('Side Area Type', 'calla'),
'description' => esc_html__('Choose a type of Side Area', 'calla'),
'options' => array(
'side-menu-slide-from-right' => esc_html__('Slide from Right Over Content', 'calla'),
'side-menu-slide-with-content' => esc_html__('Slide from Right With Content', 'calla'),
'side-area-uncovered-from-content' => esc_html__('Side Area Uncovered from Content', 'calla'),
),
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_panel,
'type' => 'text',
'name' => 'side_area_width',
'default_value' => '',
'label' => esc_html__('Side Area Width', 'calla'),
'description' => esc_html__('Enter a width for Side Area (px or %). Default width: 405px.', 'calla'),
'args' => array(
'col_width' => 3,
)
)
);
$side_area_width_container = calla_elated_add_admin_container(
array(
'parent' => $side_area_panel,
'name' => 'side_area_width_container',
'dependency' => array(
'show' => array(
'side_area_type' => 'side-menu-slide-from-right',
)
)
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_width_container,
'type' => 'yesno',
'name' => 'side_area_fixed_content',
'default_value' => 'no',
'label' => esc_html__('Side Area Fixed Content', 'calla'),
'description' => esc_html__('Make Content Fixed when Side Area is opened (not pushed aside by the Side Area)', 'calla'),
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_width_container,
'type' => 'color',
'name' => 'side_area_content_overlay_color',
'default_value' => '',
'label' => esc_html__('Content Overlay Background Color', 'calla'),
'description' => esc_html__('Choose a background color for a content overlay', 'calla'),
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_width_container,
'type' => 'text',
'name' => 'side_area_content_overlay_opacity',
'default_value' => '',
'label' => esc_html__('Content Overlay Background Transparency', 'calla'),
'description' => esc_html__('Choose a transparency for the content overlay background color (0 = fully transparent, 1 = opaque)', 'calla'),
'args' => array(
'col_width' => 3
)
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_panel,
'type' => 'select',
'name' => 'side_area_icon_source',
'default_value' => 'icon_pack',
'label' => esc_html__('Select Side Area Icon Source', 'calla'),
'description' => esc_html__('Choose whether you would like to use icons from an icon pack or SVG icons', 'calla'),
'options' => calla_elated_get_icon_sources_array()
)
);
$side_area_icon_pack_container = calla_elated_add_admin_container(
array(
'parent' => $side_area_panel,
'name' => 'side_area_icon_pack_container',
'dependency' => array(
'show' => array(
'side_area_icon_source' => 'icon_pack'
)
)
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_icon_pack_container,
'type' => 'select',
'name' => 'side_area_icon_pack',
'default_value' => 'font_elegant',
'label' => esc_html__('Side Area Icon Pack', 'calla'),
'description' => esc_html__('Choose icon pack for Side Area icon', 'calla'),
'options' => calla_elated_icon_collections()->getIconCollectionsExclude(array('linea_icons', 'dripicons', 'simple_line_icons'))
)
);
$side_area_svg_icons_container = calla_elated_add_admin_container(
array(
'parent' => $side_area_panel,
'name' => 'side_area_svg_icons_container',
'dependency' => array(
'show' => array(
'side_area_icon_source' => 'svg_path'
)
)
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_svg_icons_container,
'type' => 'textarea',
'name' => 'side_area_icon_svg_path',
'label' => esc_html__('Side Area Icon SVG Path', 'calla'),
'description' => esc_html__('Enter your Side Area icon SVG path here. Please remove version and id attributes from your SVG path because of HTML validation', 'calla'),
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_svg_icons_container,
'type' => 'textarea',
'name' => 'side_area_close_icon_svg_path',
'label' => esc_html__('Side Area Close Icon SVG Path', 'calla'),
'description' => esc_html__('Enter your Side Area close icon SVG path here. Please remove version and id attributes from your SVG path because of HTML validation', 'calla'),
)
);
$side_area_icon_style_group = calla_elated_add_admin_group(
array(
'parent' => $side_area_panel,
'name' => 'side_area_icon_style_group',
'title' => esc_html__('Side Area Icon Style', 'calla'),
'description' => esc_html__('Define styles for Side Area icon', 'calla')
)
);
$side_area_icon_style_row1 = calla_elated_add_admin_row(
array(
'parent' => $side_area_icon_style_group,
'name' => 'side_area_icon_style_row1'
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_icon_style_row1,
'type' => 'colorsimple',
'name' => 'side_area_icon_color',
'label' => esc_html__('Color', 'calla')
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_icon_style_row1,
'type' => 'colorsimple',
'name' => 'side_area_icon_hover_color',
'label' => esc_html__('Hover Color', 'calla')
)
);
$side_area_icon_style_row2 = calla_elated_add_admin_row(
array(
'parent' => $side_area_icon_style_group,
'name' => 'side_area_icon_style_row2',
'next' => true
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_icon_style_row2,
'type' => 'colorsimple',
'name' => 'side_area_close_icon_color',
'label' => esc_html__('Close Icon Color', 'calla')
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_icon_style_row2,
'type' => 'colorsimple',
'name' => 'side_area_close_icon_hover_color',
'label' => esc_html__('Close Icon Hover Color', 'calla')
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_panel,
'type' => 'color',
'name' => 'side_area_background_color',
'label' => esc_html__('Background Color', 'calla'),
'description' => esc_html__('Choose a background color for Side Area', 'calla')
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_panel,
'type' => 'text',
'name' => 'side_area_padding',
'label' => esc_html__('Padding', 'calla'),
'description' => esc_html__('Define padding for Side Area in format top right bottom left', 'calla'),
'args' => array(
'col_width' => 3
)
)
);
calla_elated_add_admin_field(
array(
'parent' => $side_area_panel,
'type' => 'selectblank',
'name' => 'side_area_aligment',
'default_value' => '',
'label' => esc_html__('Text Alignment', 'calla'),
'description' => esc_html__('Choose text alignment for side area', 'calla'),
'options' => array(
'' => esc_html__('Default', 'calla'),
'left' => esc_html__('Left', 'calla'),
'center' => esc_html__('Center', 'calla'),
'right' => esc_html__('Right', 'calla')
)
)
);
}
add_action('calla_elated_options_map', 'calla_elated_sidearea_options_map', 8);
}

325
wp-content/themes/calla/framework/modules/sidearea/assets/css/sidearea-map.css Normal file
View File

@@ -0,0 +1,325 @@
/* ==========================================================================
Side area styles - begin
========================================================================== */
/* common mixins - start */
/* common mixins - end */
/* mixins styles - start */
/* mixins styles - end */
/* ==========================================================================
# Side area style - begin
========================================================================== */
.eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener,
.eltdf-light-header .eltdf-top-bar .eltdf-side-menu-button-opener {
color: #fff !important;
}
.eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener.opened, .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener:hover,
.eltdf-light-header .eltdf-top-bar .eltdf-side-menu-button-opener.opened,
.eltdf-light-header .eltdf-top-bar .eltdf-side-menu-button-opener:hover {
color: rgba(255, 255, 255, 0.8) !important;
}
.eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener,
.eltdf-dark-header .eltdf-top-bar .eltdf-side-menu-button-opener {
color: #333 !important;
}
.eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener.opened, .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener:hover,
.eltdf-dark-header .eltdf-top-bar .eltdf-side-menu-button-opener.opened,
.eltdf-dark-header .eltdf-top-bar .eltdf-side-menu-button-opener:hover {
color: rgba(51, 51, 51, 0.8) !important;
}
.eltdf-side-menu-button-opener {
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltdf-side-menu-button-opener .eltdf-side-menu-title {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 8px 0 0;
color: currentColor;
}
.eltdf-side-menu-button-opener .eltdf-side-menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltdf-side-menu-button-opener.opened, .eltdf-side-menu-button-opener:hover {
color: #b97a56;
}
.eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-icon-pack .eltdf-side-menu-icon {
font-size: 20px;
}
.eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-icon-pack .eltdf-side-menu-icon * {
display: block;
line-height: inherit;
}
.eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-icon-pack .eltdf-side-menu-icon *:before {
display: block;
line-height: inherit;
}
.eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-svg-path .eltdf-side-menu-icon > * {
vertical-align: middle;
}
.eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-svg-path .eltdf-side-menu-icon > *,
.eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-svg-path .eltdf-side-menu-icon path {
fill: currentColor;
stroke: currentColor;
}
.eltdf-side-menu {
position: fixed;
top: 0;
right: -400px;
width: 400px;
height: 100%;
min-height: 100%;
padding: 25px 48px 25px;
background-color: #fff;
border-left: 1px solid #e9e9e9;
text-align: left;
overflow: hidden;
visibility: hidden;
z-index: 9999;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu .eltdf-close-side-menu-holder {
position: absolute;
top: 33px;
right: 40px;
z-index: 1000;
}
.admin-bar .eltdf-side-menu .eltdf-close-side-menu-holder {
top: 68px;
}
.eltdf-side-menu a.eltdf-close-side-menu {
display: block;
z-index: 1000;
color: #676767;
}
.eltdf-side-menu a.eltdf-close-side-menu:hover {
color: #b97a56;
}
.eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-icon-pack {
font-size: 20px;
}
.eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-icon-pack * {
display: block;
line-height: inherit;
}
.eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-icon-pack *:before {
display: block;
line-height: inherit;
}
.eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-svg-path > * {
vertical-align: middle;
}
.eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-svg-path > *,
.eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-svg-path path {
fill: currentColor;
stroke: currentColor;
}
/* ==========================================================================
# Side area style - end
========================================================================== */
/* ==========================================================================
# Side area slides over content style - begin
========================================================================== */
.eltdf-right-side-menu-opened .eltdf-wrapper,
.eltdf-right-side-menu-opened footer.uncover,
.eltdf-right-side-menu-opened .eltdf-fixed-wrapper.fixed,
.eltdf-right-side-menu-opened .eltdf-sticky-header,
.eltdf-right-side-menu-opened .mobile-header-appear .eltdf-mobile-header-inner {
left: -405px;
}
.eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) .eltdf-wrapper,
.eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) footer.uncover,
.eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) .eltdf-fixed-wrapper.fixed,
.eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) .eltdf-sticky-header,
.eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) .mobile-header-appear .eltdf-mobile-header-inner {
left: 0;
}
.eltdf-side-menu-slide-from-right .eltdf-wrapper {
background-color: #fff;
position: relative;
z-index: 1000;
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu-slide-from-right .eltdf-wrapper .eltdf-cover {
z-index: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
background: #000;
-webkit-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out;
}
.eltdf-side-menu-slide-from-right .carousel-inner {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu-slide-from-right .eltdf-sticky-header,
.eltdf-side-menu-slide-from-right .eltdf-fixed-wrapper.fixed {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu-slide-from-right footer.uncover {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu-slide-from-right.eltdf-right-side-menu-opened .eltdf-cover {
z-index: 1002;
opacity: 0.6;
filter: alpha(opacity=60);
}
.eltdf-side-menu-slide-from-right.eltdf-right-side-menu-opened .eltdf-side-menu {
right: 0;
visibility: visible;
}
/* ==========================================================================
# Side area slides over content style - end
========================================================================== */
/* ==========================================================================
# Side area uncovering - begin
========================================================================== */
.eltdf-side-area-uncovered-from-content .eltdf-side-menu {
right: 0;
z-index: 90;
}
.eltdf-side-area-uncovered-from-content .eltdf-sticky-header,
.eltdf-side-area-uncovered-from-content .eltdf-fixed-wrapper.fixed {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-sticky-header,
.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-fixed-wrapper.fixed,
.eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-mobile-header-inner {
left: -405px;
}
/* ==========================================================================
# Side area uncovering - end
========================================================================== */
/* ==========================================================================
# Side area slides with content style - begin
========================================================================== */
.eltdf-side-menu-slide-with-content {
overflow-x: hidden;
position: relative;
left: 0;
-webkit-overflow-scrolling: auto !important;
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu-slide-with-content .eltdf-side-menu {
visibility: visible;
}
.eltdf-side-menu-slide-with-content footer.uncover,
.eltdf-side-menu-slide-with-content .eltdf-wrapper {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu-slide-with-content .eltdf-sticky-header,
.eltdf-side-menu-slide-with-content .eltdf-fixed-wrapper.fixed,
.eltdf-side-menu-slide-with-content .eltdf-mobile-header-inner {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu-slide-with-content .carousel-inner {
left: 0 !important;
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-wrapper,
.eltdf-side-menu-slide-with-content.eltdf-side-menu-open footer.uncover,
.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-sticky-header,
.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-fixed-wrapper,
.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-mobile-header-inner {
left: -405px;
}
.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-side-menu {
right: 0;
}
.eltdf-side-menu-slide-with-content.eltdf-side-menu-open .carousel-inner:not(.relative_position) {
left: -405px !important;
}
/* ==========================================================================
# Side area slides with content style - end
========================================================================== */
/* ==========================================================================
# Side area responsive style - begin
========================================================================== */
@media only screen and (max-width: 1440px) {
.eltdf-side-menu-slide-from-right .eltdf-side-menu {
padding: 25px 48px 100px;
}
}
/* ==========================================================================
# Side area style - end
========================================================================== */
/* ==========================================================================
Side area styles - end
========================================================================== */
/*# sourceMappingURL=sidearea-map.css.map */

1
wp-content/themes/calla/framework/modules/sidearea/assets/css/sidearea-map.css.map Normal file
View File

File diff suppressed because one or more lines are too long

123
wp-content/themes/calla/framework/modules/sidearea/assets/js/sidearea.js Normal file
View File

@@ -0,0 +1,123 @@
(function($) {
"use strict";
var sidearea = {};
eltdf.modules.sidearea = sidearea;
sidearea.eltdfOnDocumentReady = eltdfOnDocumentReady;
$(document).ready(eltdfOnDocumentReady);
/*
All functions to be called on $(document).ready() should be in this function
*/
function eltdfOnDocumentReady() {
eltdfSideArea();
eltdfSideAreaScroll();
}
/**
* Show/hide side area
*/
function eltdfSideArea() {
var wrapper = $('.eltdf-wrapper'),
sideMenu = $('.eltdf-side-menu'),
sideMenuButtonOpen = $('a.eltdf-side-menu-button-opener'),
cssClass,
//Flags
slideFromRight = false,
slideWithContent = false,
slideUncovered = false;
if (eltdf.body.hasClass('eltdf-side-menu-slide-from-right')) {
$('.eltdf-cover').remove();
cssClass = 'eltdf-right-side-menu-opened';
wrapper.prepend('<div class="eltdf-cover"/>');
slideFromRight = true;
} else if (eltdf.body.hasClass('eltdf-side-menu-slide-with-content')) {
cssClass = 'eltdf-side-menu-open';
slideWithContent = true;
} else if (eltdf.body.hasClass('eltdf-side-area-uncovered-from-content')) {
cssClass = 'eltdf-right-side-menu-opened';
slideUncovered = true;
}
$('a.eltdf-side-menu-button-opener, a.eltdf-close-side-menu').on('click', function(e) {
e.preventDefault();
if(!sideMenuButtonOpen.hasClass('opened')) {
sideMenuButtonOpen.addClass('opened');
eltdf.body.addClass(cssClass);
if (slideFromRight) {
$('.eltdf-wrapper .eltdf-cover').on('click', function() {
eltdf.body.removeClass('eltdf-right-side-menu-opened');
sideMenuButtonOpen.removeClass('opened');
});
}
if (slideUncovered) {
sideMenu.css({
'visibility' : 'visible'
});
}
var currentScroll = $(window).scrollTop();
$(window).scroll(function() {
if(Math.abs(eltdf.scroll - currentScroll) > 400){
eltdf.body.removeClass(cssClass);
sideMenuButtonOpen.removeClass('opened');
if (slideUncovered) {
var hideSideMenu = setTimeout(function(){
sideMenu.css({'visibility':'hidden'});
clearTimeout(hideSideMenu);
},400);
}
}
});
} else {
sideMenuButtonOpen.removeClass('opened');
eltdf.body.removeClass(cssClass);
if (slideUncovered) {
var hideSideMenu = setTimeout(function(){
sideMenu.css({'visibility':'hidden'});
clearTimeout(hideSideMenu);
},400);
}
}
if (slideWithContent) {
e.stopPropagation();
wrapper.on('click', function() {
e.preventDefault();
sideMenuButtonOpen.removeClass('opened');
eltdf.body.removeClass('eltdf-side-menu-open');
});
}
});
}
/*
** Smooth scroll functionality for Side Area
*/
function eltdfSideAreaScroll(){
var sideMenu = $('.eltdf-side-menu');
if(sideMenu.length){
sideMenu.perfectScrollbar({
wheelSpeed: 0.6,
suppressScrollX: true
});
}
}
})(jQuery);

111
wp-content/themes/calla/framework/modules/sidearea/functions.php Normal file
View File

@@ -0,0 +1,111 @@
<?php
if (!function_exists('calla_elated_register_side_area_sidebar')) {
/**
* Register side area sidebar
*/
function calla_elated_register_side_area_sidebar() {
register_sidebar(
array(
'id' => 'sidearea',
'name' => esc_html__('Side Area', 'calla'),
'description' => esc_html__('Side Area', 'calla'),
'before_widget' => '<div id="%1$s" class="widget eltdf-sidearea %2$s">',
'after_widget' => '</div>',
'before_title' => '<div class="eltdf-widget-title-holder"><h5 class="eltdf-widget-title">',
'after_title' => '</h5></div>'
)
);
}
add_action('widgets_init', 'calla_elated_register_side_area_sidebar');
}
if (!function_exists('calla_elated_side_menu_body_class')) {
/**
* Function that adds body classes for different side menu styles
*
* @param $classes array original array of body classes
*
* @return array modified array of classes
*/
function calla_elated_side_menu_body_class($classes) {
if (is_active_widget(false, false, 'eltdf_side_area_opener')) {
if (calla_elated_options()->getOptionValue('side_area_type')) {
$classes[] = 'eltdf-' . calla_elated_options()->getOptionValue('side_area_type');
}
if (calla_elated_options()->getOptionValue('side_area_fixed_content') == 'yes') {
$classes[] = 'eltdf-side-area-fixed-content';
}
}
return $classes;
}
add_filter('body_class', 'calla_elated_side_menu_body_class');
}
if (!function_exists('calla_elated_get_side_area')) {
/**
* Loads side area HTML
*/
function calla_elated_get_side_area() {
if (is_active_widget(false, false, 'eltdf_side_area_opener')) {
$parameters = array(
'side_area_close_icon_class' => calla_elated_get_side_area_close_icon_class()
);
calla_elated_get_module_template_part('templates/sidearea', 'sidearea', '', $parameters);
}
}
add_action('calla_elated_after_body_tag', 'calla_elated_get_side_area', 10);
}
if (!function_exists('calla_elated_get_side_area_close_class')) {
/**
* Loads side area close icon class
*/
function calla_elated_get_side_area_close_icon_class() {
$side_area_icon_source = calla_elated_options()->getOptionValue('side_area_icon_source');
$side_area_close_icon_class_array = array(
'eltdf-close-side-menu'
);
$side_area_close_icon_class_array[] = $side_area_icon_source == 'icon_pack' ? 'eltdf-close-side-menu-icon-pack' : 'eltdf-close-side-menu-svg-path';
return $side_area_close_icon_class_array;
}
}
if (!function_exists('calla_elated_get_side_area_close_icon_html')) {
/**
* Loads side area close icon HTML
*/
function calla_elated_get_side_area_close_icon_html() {
$side_area_icon_source = calla_elated_options()->getOptionValue('side_area_icon_source');
$side_area_icon_pack = calla_elated_options()->getOptionValue('side_area_icon_pack');
$side_area_close_icon_svg_path = calla_elated_options()->getOptionValue('side_area_close_icon_svg_path');
$side_area_close_icon_html = '';
if (($side_area_icon_source == 'icon_pack') && isset($side_area_icon_pack)) {
$side_area_close_icon_html .= calla_elated_icon_collections()->getMenuCloseIcon($side_area_icon_pack);
} else if (isset($side_area_close_icon_svg_path)) {
$side_area_close_icon_html .= $side_area_close_icon_svg_path;
}
return $side_area_close_icon_html;
}
}

9
wp-content/themes/calla/framework/modules/sidearea/load.php Normal file
View File

@@ -0,0 +1,9 @@
<?php
include_once ELATED_FRAMEWORK_MODULES_ROOT_DIR . '/sidearea/functions.php';
//load global side area options
include_once ELATED_FRAMEWORK_MODULES_ROOT_DIR . '/sidearea/admin/options-map/sidearea-map.php';
//load global side area custom styles
include_once ELATED_FRAMEWORK_MODULES_ROOT_DIR . '/sidearea/admin/custom-styles/sidearea-custom-styles.php';

10
wp-content/themes/calla/framework/modules/sidearea/templates/sidearea.php Normal file
View File

@@ -0,0 +1,10 @@
<section class="eltdf-side-menu">
<div class="eltdf-close-side-menu-holder">
<a <?php calla_elated_class_attribute( $side_area_close_icon_class ); ?> href="#">
<?php echo calla_elated_get_side_area_close_icon_html(); ?>
</a>
</div>
<?php if ( is_active_sidebar( 'sidearea' ) ) {
dynamic_sidebar( 'sidearea' );
} ?>
</section>