import { ExternalLinkIcon } from '@elementor/icons'; import { Stack, Box, Typography, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Radio, FormControlLabel, Link, Alert, AlertTitle } from '@elementor/ui'; import { __ } from '@wordpress/i18n'; import { useState, useEffect } from 'react'; import * as PropTypes from 'prop-types'; import { UpgradeTooltip } from './upgrade-tooltip'; export function ThemeBuilderCustomization( { state, settingKey, onStateChange, data, disabled, tooltip = false } ) { const isImport = data.hasOwnProperty( 'uploadedData' ); const [ conflicts, setConflicts ] = useState( [] ); const [ loading, setLoading ] = useState( false ); useEffect( () => { if ( state?.enabled && isImport ) { loadConflicts(); } else { setConflicts( [] ); setLoading( false ); } }, [ state?.enabled, isImport, data ] ); const loadConflicts = async () => { setLoading( true ); try { const actualConflicts = data?.uploadedData?.conflicts ? Object.entries( data.uploadedData.conflicts ) : []; const formattedConflicts = actualConflicts.map( ( [ importedTemplateId, conflictsList ] ) => { const importedTemplate = data?.uploadedData?.manifest?.templates?.[ importedTemplateId ]; const firstConflict = conflictsList[ 0 ]; return { template_id: firstConflict.template_id, template_name: firstConflict.template_title, edit_url: firstConflict.edit_url, imported_template_id: parseInt( importedTemplateId ), imported_template_name: importedTemplate?.title || 'Unknown Template', location: importedTemplate?.location || '', location_label: getTemplateTypeLabel( importedTemplateId ), }; } ); setConflicts( formattedConflicts ); if ( ! state?.overrideConditions || 0 === state.overrideConditions.length ) { const defaultOverrides = formattedConflicts.map( ( conflict ) => conflict.imported_template_id ); onStateChange( settingKey, { ...state, overrideConditions: defaultOverrides, } ); } } catch ( error ) { setConflicts( [] ); } finally { setLoading( false ); } }; const getTemplateTypeLabel = ( templateId ) => { const template = data?.uploadedData?.manifest?.templates?.[ templateId ]; if ( ! template ) { return 'Unknown Template'; } const templateType = template.doc_type; const summaryTitle = elementorAppConfig?.[ 'import-export-customization' ]?.summaryTitles?.templates?.[ templateType ]; return summaryTitle?.single || templateType; }; const handleToggleEnabled = () => { const newState = { enabled: ! state?.enabled, }; if ( isImport ) { newState.overrideConditions = state?.enabled ? [] : ( state?.overrideConditions || [] ); } onStateChange( settingKey, newState ); }; const handleConflictChoice = ( location, choice, importedTemplateId ) => { const currentOverrides = state?.overrideConditions || []; let newOverrides; if ( 'imported' === choice ) { if ( ! currentOverrides.includes( importedTemplateId ) ) { newOverrides = [ ...currentOverrides, importedTemplateId ]; } else { newOverrides = currentOverrides; } } else { newOverrides = currentOverrides.filter( ( templateId ) => templateId !== importedTemplateId ); } onStateChange( settingKey, { ...state, overrideConditions: newOverrides, } ); }; const getConflictChoice = ( importedTemplateId ) => { const overrides = state?.overrideConditions || []; const hasOverride = overrides.includes( importedTemplateId ); return hasOverride ? 'imported' : 'current'; }; const renderConflictTable = () => { if ( loading ) { return ( { __( 'Checking for conflicts...', 'elementor-pro' ) } ); } return ( { __( 'Conflicted part', 'elementor-pro' ) } { __( 'Some parts are in conflict. Choose which one you want to assign.', 'elementor-pro' ) } { __( 'Conflicted part', 'elementor-pro' ) } { __( 'Current site part', 'elementor-pro' ) } { __( 'Imported template part', 'elementor-pro' ) } { conflicts.map( ( conflict, index ) => ( { getTemplateTypeLabel( conflict.imported_template_id ) } handleConflictChoice( conflict.location, 'current', conflict.imported_template_id ) } size="small" /> } label={ conflict.template_name } /> handleConflictChoice( conflict.location, 'imported', conflict.imported_template_id ) } size="small" /> } label={ conflict.imported_template_name } /> ) ) }
); }; return ( { __( 'Theme builder', 'elementor-pro' ) } { __( 'Check your themes builder', 'elementor-pro' ) } { state?.enabled && isImport && 0 < conflicts.length && ( { renderConflictTable() } ) } ); } ThemeBuilderCustomization.propTypes = { state: PropTypes.object.isRequired, settingKey: PropTypes.string.isRequired, onStateChange: PropTypes.func.isRequired, data: PropTypes.object.isRequired, disabled: PropTypes.bool, tooltip: PropTypes.bool, }; jQuery( window ).on( 'load', function () { const responsive = function () { /** * init variables */ let large_screen = '', desktop = '', tablet = '', tablet_portrait = '', mobile_landscape = '', mobile = ''; /** * generate responsive @media css *------------------------------------------------------------*/ jQuery( '.ult-responsive' ).each( function ( index, element ) { let t = jQuery( element ), n = t.attr( 'data-responsive-json-new' ), target = t.data( 'ultimate-target' ), temp_large_screen = '', temp_desktop = '', temp_tablet = '', temp_tablet_portrait = '', temp_mobile_landscape = '', temp_mobile = ''; if ( typeof n !== 'undefined' || n != null ) { jQuery.each( jQuery.parseJSON( n ), function ( i, v ) { // set css property const css_prop = i; if ( typeof v !== 'undefined' && v != null ) { const vals = v.split( ';' ); jQuery.each( vals, function ( i, vl ) { if ( typeof vl !== 'undefined' || vl != null ) { const splitval = vl.split( ':' ); switch ( splitval[ 0 ] ) { case 'large_screen': temp_large_screen += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'desktop': temp_desktop += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'tablet': temp_tablet += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'tablet_portrait': temp_tablet_portrait += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'mobile_landscape': temp_mobile_landscape += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'mobile': temp_mobile += css_prop + ':' + splitval[ 1 ] + ';'; break; } } } ); } } ); } if ( temp_mobile != '' ) { mobile += target + '{' + temp_mobile + '}'; } if ( temp_mobile_landscape != '' ) { mobile_landscape += target + '{' + temp_mobile_landscape + '}'; } if ( temp_tablet_portrait != '' ) { tablet_portrait += target + '{' + temp_tablet_portrait + '}'; } if ( temp_tablet != '' ) { tablet += target + '{' + temp_tablet + '}'; } if ( temp_desktop != '' ) { desktop += target + '{' + temp_desktop + '}'; } if ( temp_large_screen != '' ) { large_screen += target + '{' + temp_large_screen + '}'; } } ); /* * REMOVE Comments for TESTING *-------------------------------------------*/ let UltimateMedia = ''; jQuery( 'head' ).append( UltimateMedia ); }; responsive(); jQuery( '.ult_countdown-dateAndTime' ).each( function () { const t = new Date( jQuery( this ).html() ); const tz = jQuery( this ).data( 'time-zone' ) * 60; const tfrmt = jQuery( this ).data( 'countformat' ); const labels_new = jQuery( this ).data( 'labels' ); const new_labels = labels_new.split( ',' ); const labels_new_2 = jQuery( this ).data( 'labels2' ); const new_labels_2 = labels_new_2.split( ',' ); const server_time = function () { return new Date( jQuery( this ).data( 'time-now' ) ); }; const ticked = function ( a ) { const json_responsive = jQuery( '.ult_countdown-dateAndTime' ).attr( 'data-responsive-json-new' ); const target_responsive = jQuery( '.ult_countdown-dateAndTime' ).attr( 'data-ultimate-target' ); const json_responsive_sep = jQuery( '.ult_countdown' ).attr( 'data-responsive-json-new' ); const json_target_sep = jQuery( '.ult_countdown' ).attr( 'data-ultimate-target' ); jQuery( '.ult_countdown-period' ).addClass( 'ult-responsive' ); const count_amount = jQuery( this ).find( '.ult_countdown-amount' ); const count_period = jQuery( this ).find( '.ult_countdown-period' ); const tick_color = jQuery( this ).data( 'tick-col' ), tick_p_size = jQuery( this ).data( 'tick-p-size' ), tick_fontfamily = jQuery( this ).data( 'tick-font-family' ), count_amount_css = '', count_amount_font = '', tick_br_color = jQuery( this ).data( 'br-color' ), tick_br_size = jQuery( this ).data( 'br-size' ), tick_br_style = jQuery( this ).data( 'br-style' ), tick_br_radius = jQuery( this ).data( 'br-radius' ), tick_bg_color = jQuery( this ).data( 'bg-color' ), tick_padd = jQuery( this ).data( 'padd' ); count_amount.attr( { 'data-ultimate-target': target_responsive, 'data-responsive-json-new': json_responsive, } ); count_period.attr( { 'data-ultimate-target': json_target_sep, 'data-responsive-json-new': json_responsive_sep, } ); // Added class count_amount.addClass( 'ult-responsive' ); // Applied CSS for Count Amount & Period count_amount.css( { // 'color' : tick_color, 'font-family': tick_fontfamily, 'border-width': tick_br_size, 'border-style': tick_br_style, 'border-radius': tick_br_radius, background: tick_bg_color, padding: tick_padd, 'border-color': tick_br_color, } ); }; if ( jQuery( this ).hasClass( 'ult-usrtz' ) ) { jQuery( this ).ult_countdown( { labels: new_labels, labels1: new_labels_2, until: t, format: tfrmt, padZeroes: true, onTick: ticked, } ); } else { jQuery( this ).ult_countdown( { labels: new_labels, labels1: new_labels_2, until: t, format: tfrmt, padZeroes: true, onTick: ticked, serverSync: server_time, } ); } } ); } ); Free Moda – Multipurpose WooCommerce With RTL Support Template Download - www.guidaratatouille.com - Saranno Campioni
Moda – Multipurpose WooCommerce WordPress Theme With RTL Support

Moda – Multipurpose WooCommerce WordPress Theme With RTL Support

Transform your web development approach with Moda – Multipurpose WooCommerce WordPress Theme With RTL Support, a revolutionary theme that combines innovation with reliability. This cutting-edge solution provides the tools and capabilities needed to create exceptional digital experiences.

The comprehensive feature set of this theme addresses every aspect of modern web development. From responsive design to advanced functionality, every element has been carefully designed to provide maximum value and performance.

Technical sophistication defines this theme. The optimized architecture ensures superior performance while maintaining flexibility for customization. The clean, maintainable codebase supports long-term success and growth.

Implementing this theme delivers immediate and long-term benefits. Enhanced user experience, improved performance metrics, and increased development efficiency are among the key advantages you'll realize.

This theme stands as a testament to quality and innovation in web development. Its comprehensive capabilities and user-friendly design make it the perfect choice for creating exceptional web experiences.

WordPress, Professional, Modern, Responsive, SEO, Optimized, Premium, Quality.

Download Moda – Multipurpose WooComme... Now

Carrello
Torna in alto
WordPress Market Ankara Escort: Elmadağ Escort, Gölbaşı Escort, Etimesgut Escort İstanbul Escort: Bahçelievler Escort, Tuzla Escort, Kadıköy Escort Bursa Escort: Büyükorhan Escort, Keles Escort, Orhaneli Escort News 1 News 2 News 3 Cenes – Jewelry WordPress Store Theme Dionis – Winery & Vineyard WordPress Theme Temple of God – Religion and Church WordPress Theme TheSaaS – Responsive Bootstrap SaaS, Startup & WebApp Template Aqum | Contemporary Magazine WordPress Theme A-Mart – Organic Products Shop WordPress Theme Elite Quiz – Trivia Quiz | Quiz Game – Web Version SEOWP | Digital Marketing Agency and SEO WordPress Theme WooCommerce PayPal Pro Archtech – A Responsive Architecture WordPress Theme