Tipy na obsluhu

Obsluha na používateľskom rozhraní je podobná štandardnému správcovi súborov operačného systému. Drag and Drop však nie je možné používať s mobilnými prehliadačmi.

/* global jQuery, document, redux, redux_change:true, wp, ajaxurl */ (function ( $ ) { 'use strict'; redux.customizer = redux.customizer || {}; $( document ).ready( function () { redux.customizer.init(); } ); redux.customizer.init = function () { let reduxChange; let redux_initFields; $( 'body' ).addClass( redux.customizer.body_class ); $( '.accordion-section.redux-section, .accordion-section.redux-panel, .accordion-section-title' ).on( 'click', function () { $.redux.initFields(); } ); $( '.accordion-section.redux-section h3, .accordion-section.redux-panel h3' ).on( 'click', function () { redux.customizer.resize( $( this ).parent() ); } ); if ( undefined === redux.optName ) { console.log( 'Redux customizer extension failure' ); return; } $( '.control-panel-back, .customize-panel-back' ).on( 'click', function () { $( document ).find( 'form#customize-controls' ).removeAttr( 'style' ); $( document ).find( '.wp-full-overlay' ).removeAttr( 'style' ); redux.customizer.width = 0; } ); $( '.control-section-back, .customize-section-back' ).on( 'click', function () { redux.customizer.resize( $( this ).parent().parent().parent() ); } ); if ( redux.customizer ) { // Customizer save hook. $( '#customize-save-button-wrapper #save' ).on( 'click', function () { setTimeout( function () { const $parent = $( document.getElementById( 'customize-controls' ) ); const $data = $parent.serialize(); const nonce = $( '.redux-customizer-nonce' ).data( 'nonce' ); $.ajax( { type: 'post', dataType: 'json', url: ajaxurl, data: { action: redux.optName.args.opt_name + '_customizer_save', nonce: nonce, opt_name: redux.optName.args.opt_name, data: $data }, error: function ( response ) { if ( true === redux.optName.args.dev_mode ) { console.log( response.responseText ); } }, success: function ( response ) { if ( 'success' === response.status ) { console.log( response ); $( '.redux-action_bar .spinner' ).removeClass( 'is-active' ); redux.optName.options = response.options; redux.optName.errors = response.errors; redux.optName.warnings = response.warnings; redux.optName.sanitize = response.sanitize; if ( null !== response.errors || null !== response.warnings ) { $.redux.notices(); } if ( null !== response.sanitize ) { $.redux.sanitize(); } } else { console.log( response.responseText ); } } } ); }, 1000 ); } ); } redux.optName.args.disable_save_warn = true; reduxChange = redux_change; redux_change = function ( variable ) { variable = $( variable ); reduxChange.apply( this, arguments ); redux.customizer.save( variable ); }; redux_initFields = $.redux.initFields; $.redux.initFiles = function () { redux_initFields(); }; }; redux.customizer.resize = function ( el ) { let width; let test; let id; let parentId; if ( el.attr( 'data-width' ) ) { redux.customizer.width = el.attr( 'data-width' ); width = redux.customizer.width; } else { width = redux.customizer.width; } if ( $( 'body' ).width() < 640 ) { width = ''; } if ( '' !== width ) { test = $( '#' + el.attr( 'aria-owns' ) ); if ( test.length > 0 ) { el = test; } } if ( el.hasClass( 'open' ) || el.hasClass( 'current-panel' ) || el.hasClass( 'current-section' ) ) { if ( '' !== width ) { $( document ).find( 'form#customize-controls' ).attr( 'style', 'width:' + width + ';' ); $( document ).find( '.wp-full-overlay' ).attr( 'style', 'margin-left:' + width + ';' ); } } else { id = el.attr( 'id' ); parentId = $( '*[aria-owns="' + id + '"]' ).parents( '.redux-panel:first' ).attr( 'id' ); width = $( '*[aria-owns="' + parentId + '"]' ).attr( 'data-width' ); if ( ! width ) { $( document ).find( 'form#customize-controls' ).removeAttr( 'style' ); $( document ).find( '.wp-full-overlay' ).removeAttr( 'style' ); } else { $( document ).find( 'form#customize-controls' ).attr( 'style', 'width:' + width + ';' ); $( document ).find( '.wp-full-overlay' ).attr( 'style', 'margin-left:' + width + ';' ); } } }; redux.customizer.save = function ( $obj ) { const $parent = $obj.hasClass( 'redux-field' ) ? $obj : $obj.parents( '.redux-field-container:first' ); redux.customizer.inputSave( $parent ); }; redux.customizer.inputSave = function ( $parent ) { let $id; let $nData; let $key; let $control; if ( ! $parent.hasClass( 'redux-field-container' ) ) { $parent = $parent.parents( '[class^="redux-field-container"]' ); } $id = $parent.parent().find( '.redux-customizer-input' ).data( 'id' ); if ( ! $id ) { $parent = $parent.parents( '.redux-container-repeater:first' ); $id = $parent.parent().find( '.redux-customizer-input' ).data( 'id' ); } $nData = $parent.find( ':input' ).serializeJSON(); $.each( $nData, function ( $k, $v ) { $k = null; $nData = $v; } ); $key = $parent.parent().find( '.redux-customizer-input' ).data( 'key' ); if ( $nData[$key] ) { $nData = $nData[$key]; } $control = wp.customize.control( $id ); // Customizer hack since they didn't code it to save order... if ( JSON.stringify( $control.setting._value ) !== JSON.stringify( $nData ) ) { $control.setting._value = null; } $control.setting.set( $nData ); }; })( jQuery ); :root{color-scheme:dark;--e-a-color-white:#fff;--e-a-color-black:#000;--e-a-color-logo:#000;--e-a-color-circle-logo:#fff;--e-a-color-primary:#524cff;--e-a-color-primary-bold:#f0abfc;--e-a-color-primary-bold-dark:#e73cf6;--e-a-color-secondary:#515962;--e-a-color-success:#0a875a;--e-a-color-danger:#dc2626;--e-a-color-info:#2563eb;--e-a-color-warning:#f59e0b;--e-a-color-accent:#93003f;--e-a-color-accent-promotion:#d6107c;--e-a-color-accent-promotion-disabled:rgba(214,16,124,.38);--e-a-color-global:#1dddbf;--e-a-bg-default:#1f2124;--e-a-bg-invert:#fff;--e-a-bg-hover:#2b2c31;--e-a-bg-active:#333438;--e-a-bg-active-bold:#3f444b;--e-a-bg-loading:#f9fafa;--e-a-bg-logo:#fff;--e-a-bg-primary:#310132;--e-a-bg-secondary:#515962;--e-a-bg-success:#032317;--e-a-bg-info:#0a1a3d;--e-a-bg-danger:#390a0a;--e-a-bg-warning:#311808;--e-a-bg-chip:#333438;--e-a-color-txt:#d5d8dc;--e-a-color-txt-muted:#9da5ae;--e-a-color-txt-disabled:#69727d;--e-a-color-txt-invert:#fff;--e-a-color-txt-accent:#fff;--e-a-color-txt-hover:#9da5ae;--e-a-color-txt-active:#fff;--e-a-border-color:#333438;--e-a-border-color-bold:#3f444b;--e-a-border-color-focus:#515962;--e-a-border-color-accent:#fff;--e-a-border:1px solid var(--e-a-border-color);--e-a-border-bold:1px solid var(--e-a-border-color-bold);--e-a-border-radius:3px;--e-a-btn-color:#0c0d0e;--e-a-btn-color-invert:var(--e-a-color-txt-invert);--e-a-btn-color-disabled:var(--e-a-color-txt-disabled);--e-a-btn-bg:#515962;--e-a-btn-bg-hover:#3a4046;--e-a-btn-bg-active:#23262a;--e-a-btn-bg-disabled:#d5d8dc;--e-a-btn-bg-primary:#f3bafd;--e-a-btn-bg-primary-hover:#eb8efb;--e-a-btn-bg-primary-active:#f0abfc;--e-a-btn-bg-accent:#93003f;--e-a-btn-bg-accent-hover:#8f1a4c;--e-a-btn-bg-accent-active:#a93365;--e-a-btn-bg-info:#2563eb;--e-a-btn-bg-info-hover:#134cca;--e-a-btn-bg-info-active:#0e3b9c;--e-a-btn-bg-success:#0a875a;--e-a-btn-bg-success-hover:#06583a;--e-a-btn-bg-success-active:#03281b;--e-a-btn-bg-warning:#f59e0b;--e-a-btn-bg-warning-hover:#c57f08;--e-a-btn-bg-warning-active:#945f06;--e-a-btn-bg-danger:#dc2626;--e-a-btn-bg-danger-hover:#b21d1d;--e-a-btn-bg-danger-active:#861616;--e-a-dark-bg:#0c0d0e;--e-a-dark-color-txt:#9da5ae;--e-a-dark-color-txt-hover:#d5d8dc;--e-a-font-family:Roboto,Arial,Helvetica,sans-serif;--e-a-transition-hover:all .3s;--e-a-popover-shadow:0 2px 15px rgba(0,0,0,.9);--e-a-dropdown-shadow:0 0 3px rgba(0,0,0,.9)} Cart - Pavlovski gold