: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
$post_id = Themify_Builder::$builder_active_id;
$post_id = empty($post_id) && true === $is_admin && !empty($_GET['post']) ? $_GET['post'] : $post_id;
$eye= themify_get_icon('eye','ti');
$edit=themify_get_icon('pencil','ti');
$clipboard=themify_get_icon('clipboard','ti');
$files=themify_get_icon('files','ti');
$brush=themify_get_icon('brush','ti');
$settings=themify_get_icon('settings','ti');
$import=themify_get_icon('import','ti');
$export=themify_get_icon('export','ti');
$window=themify_get_icon('new-window','ti');
$move=themify_get_icon('move','ti');
$more=themify_get_icon('more','ti');
$save=themify_get_icon('save','ti');
$duplicate=themify_get_icon('layers','ti');
$gs=themify_get_icon('brush-alt','ti');
$grip=themify_get_icon('grip','fa');;
$module_categories = array(
'label' => __( 'General', 'themify' ),
'label' => __( 'Addons', 'themify' ),
'label' => __( 'Site', 'themify' ),
$usedIcons = array('link', 'angle-up', 'layers-alt', 'check', 'star', 'folder','alert','info','split-h','split-v','palette', 'align-left', 'align-center', 'align-right', 'align-justify','info-alt');
foreach ($usedIcons as $icon) {
themify_get_icon($icon, 'ti'); //used icons
$module_categories = apply_filters( 'themify_module_categories', $module_categories );
$breakpoints = array('desktop' => '') + themify_get_breakpoints();
$isGsPost=Themify_Global_Styles::$isGlobalEditPage===true?' gs_post':'';
<style id="module_lightbox_grid_style" type="text/template">
<?php echo file_get_contents(THEMIFY_BUILDER_DIR . '/css/editor/components/lightbox-grid.css'); ?>
<div id="tb_main_toolbar_root" class="tf_w" style="display:none">
<template shadowrootmode="open">
<?php echo file_get_contents(THEMIFY_DIR . '/css/base.min.css'); ?>
<style id="module_combine_style">
<?php echo file_get_contents(THEMIFY_BUILDER_DIR . '/css/editor/components/combine.css'); ?>
<link href="<?php echo THEMIFY_BUILDER_URI ?>/css/editor/components/toolbar.css?ver<?php echo THEMIFY_VERSION?>" rel="stylesheet" id="module_toolbar_style">
<link href="<?php echo THEMIFY_BUILDER_URI ?>/css/editor/backend/components/toolbar.css?ver<?php echo THEMIFY_VERSION?>" rel="stylesheet">
<?php do_action('tb_toolbar_styles')?>
<div id="toolbar" class="builder-breakpoint-desktop flex<?php echo $isGsPost?> tf_w">
<button type="button" class="plus tf_plus_icon tf_rel"></button>
<?php if ($is_admin === false): ?>
<a href="javascript:;" class="zoom zoom_toggle tb_tooltip btn" data-zoom="100" tabindex="-1">
<?php echo themify_get_icon('zoom-in', 'ti') ?>
<span><?php _e('Zoom', 'themify'); ?></span>
<ul class="submenu tf_abs_t tf_hide">
<li><button type="button" class="zoom btn" data-zoom="50"><?php _e('50%', 'themify'); ?></button></li>
<li><button type="button" class="zoom btn" data-zoom="75"><?php _e('75%', 'themify'); ?></button></li>
<li><button type="button" class="zoom btn" data-zoom="100"><?php _e('100%', 'themify'); ?></button></li>
<li class="divider"></li>
<li><button type="button" class="tb_tooltip preview btn"><?php echo themify_get_icon('layout-media-center-alt', 'ti') ?><span><?php _e('Preview', 'themify'); ?></span></button></li>
<li class="divider"></li>
<?php if ($is_admin===false): ?>
<li><button type="button" class="tb_tooltip backend_mode btn"><?php echo themify_get_icon('view-list-alt', 'ti') ?><span><?php _e('Backend Mode','themify')?></span></button></li>
<li class="divider"></li>
$cus_css = get_post_meta($post_id, 'tbp_custom_css', true);
<li class="breakpoint_switcher">
<a href="javascript:;" class="tb_tooltip compact compact_switcher breakpoint-desktop btn tf_hide" tabindex="-1"><?php echo themify_get_icon('desktop', 'ti') ?>
<span><?php _e('Desktop', 'themify'); ?></span>
<ul class="flex" tabindex="-1">
<?php foreach ($breakpoints as $b => $v): ?>
<li class="<?php echo strtolower($b); ?>">
<a href="javascript:;" class="tb_tooltip breakpoint_switch btn breakpoint-<?php echo $b ?>" tabindex="-1"><?php echo themify_get_icon(($b === 'tablet_landscape' ? 'tablet' : $b), 'ti') ?>
<span><?php echo $b === 'tablet_landscape' ? __('Tablet Landscape', 'themify') : ($b === 'tablet' ? __('Tablet Portrait', 'themify') : ucfirst($b)); ?></span>
<li class="divider"></li>
<a href="javascript:;" class="tb_tooltip compact compact_undo disabled tf_hide btn" tabindex="-1"><?php echo themify_get_icon('back-left', 'ti') ?><span><?php _e('Undo (CTRL+Z)', 'themify'); ?></span></a>
<ul class="flex" tabindex="-1">
<li><button type="button" class="tb_tooltip undo_redo undo disabled btn"><?php echo themify_get_icon('back-left', 'ti') ?><span><?php _e('Undo (CTRL+Z)', 'themify'); ?></span></button></li>
<li><button type="button" class="tb_tooltip undo_redo redo disabled btn"><?php echo themify_get_icon('back-right', 'ti') ?><span><?php _e('Redo (CTRL+SHIFT+Z)', 'themify'); ?></span></button></li>
<li class="divider"></li>
<a href="javascript:;" class="compact tb_tooltip btn tf_hide" tabindex="-1"><?php echo $import ?><span><?php _e('Import', 'themify'); ?></span></a>
<a href="javascript:;" class="tb_tooltip btn" tabindex="-1"><?php echo $import ?><span><?php _e('Import', 'themify'); ?></span></a>
<ul class="submenu tf_abs_t tf_hide">
<li><button type="button" data-type="file" class="btn"><?php _e('Import From File', 'themify'); ?></button></li>
<li><button type="button" data-type="post" class="btn"><?php _e('Import From Posts or Pages', 'themify'); ?></button></li>
<button type="button" class="tb_tooltip btn">
<span><?php _e('Export', 'themify'); ?></span>
<li class="divider"></li>
<a href="javascript:;" class="tb_tooltip btn" tabindex="-1"><?php echo themify_get_icon('layout', 'ti') ?><span><?php _e('Layouts', 'themify'); ?></span></a>
<ul class="submenu tf_abs_t tf_hide">
<li><button type="button" class="load_layout btn"><?php _e('Load Layout', 'themify'); ?></button></li>
<li><button type="button" class="save_layout btn"><?php _e('Save as Layout', 'themify'); ?></button></li>
<li class="divider"></li>
<li><button type="button" class="tb_tooltip duplicate btn"><?php echo $duplicate?><span><?php _e('Duplicate this page', 'themify'); ?></span></button></li>
<li class="divider"></li>
<li><button type="button" class="tb_tooltip custom_css btn<?php echo trim($cus_css) !== '' ? ' active' : ''; ?>"><span><?php _e('Custom CSS', 'themify'); ?></span><?php _e('CSS', 'themify'); ?></button></li>
<li class="divider"></li>
<a href="javascript:;" class="tb_tooltip btn" tabindex="-1"><?php echo themify_get_icon('panel', 'ti') ?><span><?php _e('Interface Options', 'themify'); ?></span></a>
<ul class="submenu tf_abs_t tf_hide">
<li class="switch-wrapper right_click_wrap">
<div class="tb_switcher">
<input type="checkbox" class="tb_checkbox toggle_switch right_click_mode tf_hide" checked="checked">
<div data-on="<?php _e('Right Click', 'themify') ?>" data-off="<?php _e('Right Click', 'themify') ?>" class="switch_label"></div>
<?php if ($is_admin===false): ?>
<li class="switch-wrapper">
<div class="tb_switcher">
<input type="checkbox" class="tb_checkbox toggle_switch padding_dragging_mode tf_hide" checked="checked">
<div data-on="<?php _e('Padding Dragging', 'themify') ?>" data-off="<?php _e('Padding Dragging', 'themify') ?>" class="switch_label"></div>
<li class="switch-wrapper">
<div class="tb_switcher">
<input type="checkbox" class="tb_checkbox toggle_switch inline_editor_mode tf_hide" checked="checked">
<div data-on="<?php _e('Inline Editor', 'themify') ?>" data-off="<?php _e('Inline Editor', 'themify') ?>" class="switch_label"></div>
<li class="switch-wrapper">
<div class="tb_switcher">
<input type="checkbox" class="tb_checkbox toggle_switch dark_mode tf_hide">
<div data-on="<?php _e('Dark Mode', 'themify') ?>" data-off="<?php _e('Dark Mode', 'themify') ?>" class="switch_label"></div>
<?php if($isGsPost==='' && false):?>
<li><button type="button" class="tb_tooltip tree btn"><?php echo themify_get_icon('view-list-alt', 'ti') ?><span><?php _e('Tree View','themify')?></span></button></li>
<li class="divider"></li>
<li class="divider"></li>
<li><button type="button" class="tb_tooltip help btn"><?php echo themify_get_icon('help', 'ti') ?><span><?php _e('Help', 'themify'); ?></span></button></li>
<?php if (get_post_status($post_id) !== 'auto-draft'): ?>
<?php if ($is_admin === true): ?>
<a href="<?php echo get_permalink($post_id) ?>#builder_active" id="frontend" class="switch"><?php echo themify_get_icon('arrow-right', 'ti') ?><span><?php _e('Frontend', 'themify'); ?></span></a>
<a href="<?php echo get_edit_post_link($post_id); ?>#builder_active" id="backend" class="switch"><?php echo themify_get_icon('arrow-left', 'ti') ?><span><?php esc_html_e('Backend', 'themify'); ?></span></a>
<?php if ($is_admin===false): ?>
<button type="button" class="tb_tooltip tf_close" title="<?php _e('ESC', 'themify') ?>"><span><?php _e('Close', 'themify'); ?></span></button>
<div class="save_btn_wrap tf_rel">
<button type="button" class="save save_btn" title="<?php _e('Ctrl + S', 'themify') ?>"><?php _e('Save', 'themify'); ?></button>
<div tabindex="-1" class="revision_btn">
<?php echo themify_get_icon('angle-down', 'ti') ?>
<ul class="submenu tf_abs_t tf_hide">
<?php if(Themify_Builder_Revisions::is_revision_enabled($post_id)):?>
<li><button type="button" class="save_revision btn"><?php _e('Save as Revision', 'themify'); ?></button></li>
<li><button type="button" class="load_revision btn"><?php _e('Load Revision', 'themify'); ?></button></li>
<!-- Global Styles breadcrumb -->
if ($is_admin === false) {
Themify_Global_Styles::breadcrumb();
<!-- /Global Styles breadcrumb -->
<template id="tmpl-builder_lightbox">
<?php //tabindex is need for detect keydown event ?>
<div id="tb_lightbox_parent" class="themify_builder builder-lightbox <?php echo $isGsPost?> tf_text_dec tf_box tf_hide" tabindex="-1">
<style id="module_breadcrumbs_style">
<?php echo file_get_contents(THEMIFY_BUILDER_DIR.'/css/editor/components/breadcrumbs.css');?>
<div class="tb_action_breadcrumb tf_rel tf_scrollbar"></div>
<div class="tb_lightbox_top_bar">
<ul class="tb_options_tab"></ul>
<div class="tb_lightbox_actions">
<button type="button" class="builder_cancel_docked_mode tf_hide"><?php echo $window?></button>
<div class="tb_close_lightbox tf_close"><span><?php _e('Cancel', 'themify') ?></span></div>
<span class="tb_lightbox_actions_wrap"></span>
<div id="tb_lightbox_container" class="tf_scrollbar tf_overflow tf_box"></div>
<div class="tb_resizable tb_resizable_st" data-axis="-y"></div>
<div class="tb_resizable tb_resizable_e" data-axis="x"></div>
<div class="tb_resizable tb_resizable_s" data-axis="y"></div>
<div class="tb_resizable tb_resizable_w" data-axis="w"></div>
<div class="tb_resizable tb_resizable_se" data-axis="se"></div>
<div class="tb_resizable tb_resizable_we" data-axis="sw"></div>
<div class="tb_resizable tb_resizable_nw" data-axis="nw"></div>
<div class="tb_resizable tb_resizable_ne" data-axis="ne"></div>
<div id="tb_lite_lightbox_root" class="tf_hide tf_w tf_h" role="dialog">
<template shadowrootmode="open">
<link href="<?php echo THEMIFY_BUILDER_URI ?>/css/editor/components/lite-lightbox.css?ver<?php echo THEMIFY_VERSION?>" as="style" rel="preload" onload="this.rel = 'stylesheet'">
<div id="wrapper" class="tf_w tf_h<?php echo $isGsPost?>"></div>
<template id="tmpl-builder_row_item">
<div class="tb_visibility_hint tf_overflow tf_abs_t tf_hide"><?php echo $eye;?></div>
<div class="tb_row_info tf_overflow tf_abs_t">
<span class="tb_row_id"></span>
<span class="tb_row_anchor"></span>
<div class="row_inner tf_box tf_w tf_rel"></div>
<div class="tb_action_wrap tb_row_action tf_abs_t tf_box tf_clear tf_hide"><?php echo $grip;?></div>
<template id="tmpl-builder_subrow_item">
<div class="module_subrow themify_builder_sub_row">
<span class="tb_visibility_hint tf_overflow tf_abs_t tf_hide"><?php echo $eye;?></span>
<span class="tb_action_wrap tb_subrow_action tf_abs_t tf_box tf_hide"><?php echo $grip?></span>
<template id="tmpl-builder_column_item">
<div class="tb_col_side tb_col_side_left tf_abs_t tf_box tf_hide"></div>
<div class="tb_col_side tb_col_side_right tf_abs_t tf_box tf_hide"></div>
<div class="tb_grid_drag tb_drag_right tf_abs_t tf_h tf_hide" draggable></div>
<div class="tb_grid_drag tb_drag_left tf_abs_t tf_h tf_hide" draggable></div>
<div class="tb_holder"></div>
<div class="tf_plus_icon tb_column_btn_plus tb_disable_sorting"></div>
<div class="tb_action_wrap tb_column_action tf_abs_t tf_box tf_hide"><?php echo $grip?></div>
<template id="tmpl-builder_row_action">
<style id="module_form_fields_style">
<?php echo str_replace('img/',THEMIFY_BUILDER_URI.'/css/editor/img/',file_get_contents(THEMIFY_BUILDER_DIR.'/css/editor/components/form-fields.css'))?>
<style id="module_row_grids_style">
<?php echo str_replace('img/',THEMIFY_BUILDER_URI.'/css/editor/img/',file_get_contents(THEMIFY_BUILDER_DIR.'/css/editor/components/row-grids.css'));?>
<div class="wrap<?php if($is_admin===true):?> backend<?php endif;?><?php echo $isGsPost?>">
<ul class="dropdown row tf_box" part="dropdown">
<li data-action="move" class="tb_move">
<div class="themify_tooltip"><?php _e('Move Row', 'themify') ?></div>
<li class="up_down tf_hide">
<li data-action="up" class="arr up">
<div class="themify_tooltip"><?php _e('Move Up', 'themify') ?></div>
<li data-action="down" class="arr down">
<div class="themify_tooltip"><?php _e('Move Down', 'themify') ?></div>
<li class="tb_row_settings" data-href="options" data-action="edit">
<div class="themify_tooltip"><?php _e('Options', 'themify') ?></div>
<li data-action="styling">
<div class="themify_tooltip"><?php _e('Styling', 'themify') ?></div>
<li data-action="duplicate">
<?php echo $duplicate; ?>
<div class="themify_tooltip"><?php _e('Duplicate', 'themify') ?></div>
<li class="tf_close" part="delete">
<div class="themify_tooltip"><?php _e('Delete', 'themify') ?></div>
<ul class="menu tf_box tf_hide" part="menu">
<li data-action="save"><?php echo $save, __('Save', 'themify') ?></li>
<li data-action="export"><?php echo $export,__('Export', 'themify') ?></li>
<li data-action="import"><?php echo $import,__('Import', 'themify') ?></li>
<li data-action="copy"><?php echo $files,__('Copy', 'themify') ?></li>
<?php echo $clipboard,__('Paste', 'themify') ?>
<ul class="menu inner_menu tf_box tf_hide" part="menu inner_menu">
<li data-action="paste"><?php _e('Paste', 'themify') ?></li>
<li data-action="paste" class="style"><?php _e('Paste Styling', 'themify') ?></li>
<li data-action="visibility">
<?php echo $eye,__('Visibility', 'themify') ?>
<div id="options" class="tab tf_abs_t tf_box tf_hide">
<span class="themify_tooltip"><?php _e('Edit Row', 'themify') ?></span>
<ul class="row_menu grid_layout">
<li class="selected" data-href="grid"><?php _e('Grid', 'themify') ?></li>
<li data-href="row_options"><?php _e('Row Options', 'themify') ?></li>
<div id="grid" class="tf_hide selected"></div>
<div id="row_options" class="tf_hide"></div>
<template id="tmpl-builder_column_action">
<ul class="dropdown column<?php if($is_admin===true):?> backend<?php endif;?><?php echo $isGsPost?> tf_box" part="dropdown">
<ul class="menu tf_box tf_hide" part="menu">
<li data-action="export">
<?php echo $export, __('Export', 'themify'); ?>
<li data-action="import">
<?php echo $import, __('Import', 'themify'); ?>
<?php echo $files, __('Copy', 'themify'); ?>
<?php echo $clipboard, __('Paste', 'themify'); ?>
<ul class="menu inner_menu tf_box tf_hide" part="menu inner_menu">
<li data-action="paste"><?php _e('Paste', 'themify') ?></li>
<li data-action="paste" class="style"><?php _e('Paste Styling', 'themify') ?></li>
<li class="tf_close" part="delete">
<div class="themify_tooltip"><?php _e('Delete', 'themify') ?></div>
<li data-action="styling">
<div class="themify_tooltip"><?php _e('Styling', 'themify') ?></div>
<li class="edit" data-action="edit">
<div class="themify_tooltip"><?php _e('Edit', 'themify') ?></div>
<li class="plus" part="add_col">
<div class="themify_tooltip"><?php _e('Add Column', 'themify') ?></div>
<li data-action="move" class="tb_move">
<div class="themify_tooltip"><?php _e('Move Column', 'themify') ?></div>
<template id="tmpl-builder_subrow_action">
<div class="wrap<?php if($is_admin===true):?> backend<?php endif;?><?php echo $isGsPost?>">
<ul class="dropdown subrow tf_box" part="dropdown">
<li data-action="move" class="tb_move">
<div class="themify_tooltip"><?php _e('Move Subrow', 'themify') ?></div>
<li class="tb_row_settings" data-href="grid" data-action="edit">
<div class="themify_tooltip"><?php _e('Options', 'themify') ?></div>
<li data-action="styling">
<div class="themify_tooltip"><?php _e('Styling', 'themify') ?></div>
<li data-action="duplicate">
<?php echo $duplicate; ?>
<div class="themify_tooltip"><?php _e('Duplicate', 'themify') ?></div>
<li class="tf_close" part="delete">
<div class="themify_tooltip"><?php _e('Delete', 'themify') ?></div>
<ul class="menu tf_box tf_hide" part="menu">
<li data-action="export">
<?php echo $export, __('Export', 'themify'); ?>
<li data-action="import">
<?php echo $import, __('Import', 'themify'); ?>
<?php echo $files, __('Copy', 'themify'); ?>
<?php echo $clipboard, __('Paste', 'themify'); ?>
<ul class="menu inner_menu tf_box tf_hide" part="menu inner_menu">
<li data-action="paste"><?php _e('Paste', 'themify') ?></li>
<li data-action="paste" class="style"><?php _e('Paste Styling', 'themify') ?></li>
<li data-action="visibility">
<?php echo $eye, __('Visibility', 'themify'); ?>
<div id="grid" class="tab tf_abs_t tf_box tf_hide">
<span class="expand" data-action="edit">
<span class="themify_tooltip"><?php _e('Edit Subrow', 'themify') ?></span>
<template id="tmpl-builder_module_action">
<style id="action_bar_style">
<?php echo file_get_contents(THEMIFY_BUILDER_DIR.'/css/editor/components/action-bar.css');?>
<?php do_action('tb_bar_styles')?>
<ul class="dropdown module<?php if($is_admin===true):?> backend<?php endif;?><?php echo $isGsPost?> tf_box" part="dropdown">
<li class="edit" data-action="edit">
<div class="themify_tooltip"><?php _e('Edit', 'themify') ?></div>
<?php if($is_admin===false):?>
<li class="swap tf_hide" part="swap">
<div class="themify_tooltip"><?php _e('Options', 'themify') ?></div>
<li data-action="styling">
<div class="themify_tooltip"><?php _e('Styling', 'themify') ?></div>
<li data-action="duplicate">
<?php echo $duplicate; ?>
<div class="themify_tooltip"><?php _e('Duplicate', 'themify') ?></div>
<li class="tf_close" part="delete">
<div class="themify_tooltip"><?php _e('Delete', 'themify') ?></div>
<?php echo themify_get_icon('widgetized','ti')?>
<div class="themify_tooltip"><?php _e('Structure', 'themify') ?></div>
<ul class="menu tf_box tf_hide" part="menu">
<li data-action="save"><?php echo $save,__('Save', 'themify') ?></li>
<li data-action="export">
<?php echo $export,__('Export', 'themify') ?>
<li data-action="import">
<?php echo $import,__('Import', 'themify') ?>
<?php echo $files,__('Copy', 'themify') ?>
<?php echo $clipboard,__('Paste', 'themify') ?>
<ul class="menu inner_menu tf_box tf_hide" part="menu inner_menu">