| 1 |
<?php |
| 2 |
/** |
| 3 |
* View general settings |
| 4 |
*/ |
| 5 |
$builders = \WPFunnels\Wpfnl_functions::get_supported_builders(); |
| 6 |
?> |
| 7 |
<div class="settings-tab-container"> |
| 8 |
<ul class="wpfnl-general-settings-tab-nav"> |
| 9 |
<li class="inner-tab active" data-tab="tab-page-builder"><?php esc_html_e('Page Builder', 'wpfnl'); ?></li> |
| 10 |
<li class="inner-tab" data-tab="tab-canvas-mode"><?php esc_html_e('Canvas Mode', 'wpfnl'); ?></li> |
| 11 |
</ul> |
| 12 |
</div> |
| 13 |
<div class="wpfnl-tab-content active" id="tab-page-builder"> |
| 14 |
<div class="wpfnl-field-wrapper"> |
| 15 |
<div class="wpfnl-fields"> |
| 16 |
<div class="wpfnl-items-wrapper" id="wpfunnels-page-builder"> |
| 17 |
<?php foreach ($builders as $key => $value) { ?> |
| 18 |
<div class="wpfnl-single-item <?php echo $this->general_settings['builder'] == $key ? 'checked' : '' ?>" data-value="<?php echo esc_attr($key); ?>"> |
| 19 |
<?php if ($key === 'gutenberg') { ?> |
| 20 |
<img src="<?php echo esc_url(WPFNL_URL . 'admin/assets/images/gutenberg.png'); ?>" alt=""> |
| 21 |
<?php } elseif ($key === 'elementor') { ?> |
| 22 |
<img src="<?php echo esc_url(WPFNL_URL . 'admin/assets/images/elementor.png'); ?>" alt=""> |
| 23 |
<?php } elseif ($key === 'divi-builder') { ?> |
| 24 |
<img src="<?php echo esc_url(WPFNL_URL . 'admin/assets/images/divi.png'); ?>" alt=""> |
| 25 |
<?php } elseif ($key === 'oxygen') { ?> |
| 26 |
<img src="<?php echo esc_url(WPFNL_URL . 'admin/assets/images/oxygen.png'); ?>" alt=""> |
| 27 |
<?php } elseif ($key === 'bricks') { ?> |
| 28 |
<img src="<?php echo esc_url(WPFNL_URL . 'admin/assets/images/bricks.png'); ?>" alt=""> |
| 29 |
<?php } elseif ($key === 'other') { ?> |
| 30 |
<img src="<?php echo esc_url(WPFNL_URL . 'admin/assets/images/others.png'); ?>" alt=""> |
| 31 |
<?php } ?> |
| 32 |
<p class="wpfnl-title"><?php echo esc_html($value); ?></p> |
| 33 |
</div> |
| 34 |
<?php } ?> |
| 35 |
</div> |
| 36 |
</div> |
| 37 |
</div> |
| 38 |
|
| 39 |
<hr> |
| 40 |
<div class="wpfnl-field-wrapper sync-template"> |
| 41 |
<label class="has-tooltip wpfnl-hidden"> |
| 42 |
<?php esc_html_e('Sync Template', 'wpfnl'); ?> |
| 43 |
|
| 44 |
<span class="wpfnl-tooltip"> |
| 45 |
<?php require WPFNL_DIR . '/admin/partials/icons/question-tooltip-icon.php'; ?> |
| 46 |
<p><?php esc_html_e('Click to get the updated funnel templates, made using your preferred page builder, when creating funnels.', 'wpfnl'); ?></p> |
| 47 |
</span> |
| 48 |
</label> |
| 49 |
<div class="wpfnl-fields"> |
| 50 |
<div class="sync-btn-wrapper"> |
| 51 |
<button class="btn-default clear-template" id="clear-template"> |
| 52 |
<span class="icon-sync" style="display: inline-block"><?php require WPFNL_DIR . '/admin/partials/icons/sync-icon.php'; ?></span> |
| 53 |
<span class="check-icon"><?php require WPFNL_DIR . '/admin/partials/icons/check-sync-icon.php'; ?></span> |
| 54 |
<span class="sync-btn-text"><?php esc_html_e( 'Sync Templates', 'wpfnl' ); ?></span> |
| 55 |
</button> |
| 56 |
<span class="wpfnl-alert"></span> |
| 57 |
</div> |
| 58 |
</div> |
| 59 |
</div> |
| 60 |
</div> |
| 61 |
|
| 62 |
<div class="wpfnl-tab-content" id="tab-canvas-mode"> |
| 63 |
<div class="wpfnl-field-wrapper"> |
| 64 |
<div class="wpfnl-fields"> |
| 65 |
<div class="wpfnl-items-wrapper" id="wpfunnels-canvas-mode"> |
| 66 |
<?php $canvas_mode = \WPFunnels\Wpfnl_functions::get_default_funnel_builder_mode(); ?> |
| 67 |
<div class="wpfnl-single-item <?php echo $canvas_mode === 'horizontal' ? 'checked' : ''; ?>" data-value="horizontal"> |
| 68 |
<svg width="30" height="30" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 69 |
<rect x="2" y="18" width="16" height="24" rx="4" fill="#7c3aed" opacity="0.85"/> |
| 70 |
<path d="M18 30h8" stroke="#7c3aed" stroke-width="2.5" stroke-linecap="round"/> |
| 71 |
<rect x="26" y="18" width="16" height="24" rx="4" fill="#7c3aed" opacity="0.55"/> |
| 72 |
<path d="M42 30h8" stroke="#7c3aed" stroke-width="2.5" stroke-linecap="round"/> |
| 73 |
<rect x="50" y="18" width="10" height="24" rx="4" fill="#7c3aed" opacity="0.25"/> |
| 74 |
</svg> |
| 75 |
<p class="wpfnl-title"><?php esc_html_e('Horizontal', 'wpfnl'); ?></p> |
| 76 |
</div> |
| 77 |
<div class="wpfnl-single-item <?php echo $canvas_mode === 'vertical' ? 'checked' : ''; ?>" data-value="vertical"> |
| 78 |
<svg width="30" height="30" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 79 |
<rect x="10" y="2" width="40" height="14" rx="4" fill="#7c3aed" opacity="0.85"/> |
| 80 |
<path d="M30 16v8" stroke="#7c3aed" stroke-width="2.5" stroke-linecap="round"/> |
| 81 |
<rect x="10" y="24" width="40" height="14" rx="4" fill="#7c3aed" opacity="0.55"/> |
| 82 |
<path d="M30 38v8" stroke="#7c3aed" stroke-width="2.5" stroke-linecap="round"/> |
| 83 |
<rect x="10" y="46" width="40" height="12" rx="4" fill="#7c3aed" opacity="0.25"/> |
| 84 |
</svg> |
| 85 |
<p class="wpfnl-title"><?php esc_html_e('Vertical', 'wpfnl'); ?></p> |
| 86 |
</div> |
| 87 |
</div> |
| 88 |
<!-- <p class="wpfnl-help-text"><?php esc_html_e('Choose the default view for the funnel canvas. You can switch views on the canvas too, but this sets the permanent default.', 'wpfnl'); ?></p> --> |
| 89 |
</div> |
| 90 |
</div> |
| 91 |
</div> |
| 92 |
|
