additional-template.php
2 months ago
dashboard-content.php
2 months ago
free-templates-content.php
2 months ago
plugins-content.php
2 months ago
templates-content.php
2 months ago
templates-content.php
222 lines
| 1 | <!-- Import Process Section --> |
| 2 | <section class="flex-templates-import-process" style="display: none;"> |
| 3 | <!-- Step 1: Confirm Template Import --> |
| 4 | <div id="import-process-confirm"> |
| 5 | <div class="flex-model-div-main container pt-5"> |
| 6 | <div class="row template-education" style="justify-content: space-between;"> |
| 7 | <div class="col-lg-6"> |
| 8 | <div class="template-education-image"> |
| 9 | <img id="import-process-mobile-image" src="" alt="Template Mobile Image" style=""> |
| 10 | </div> |
| 11 | </div> |
| 12 | <div |
| 13 | class="col-lg-6 template-education-contents text-center align-self-center pr-lg-4 mr-0 pr-3 pt-lg-0 pt-5"> |
| 14 | <div class="flex-main-dive"> |
| 15 | <h3 class="text-center steps-done" id="import-process-title"></h3> |
| 16 | <p id="import-process-description"></p> |
| 17 | <div class="flex-modal-btns text-center"> |
| 18 | |
| 19 | |
| 20 | <?php |
| 21 | $is_premium = defined('FLEXIMP_PREMIUM_THEME') && FLEXIMP_PREMIUM_THEME === true; |
| 22 | $is_premium_user = get_option('fleximp_is_premium', false); |
| 23 | |
| 24 | if (!$is_premium || $is_premium_user): ?> |
| 25 | |
| 26 | <button id="import-process-confirm-btn" class="btn view-site text-white flex-import-btn" |
| 27 | type="button"> |
| 28 | Import Demo |
| 29 | </button> |
| 30 | |
| 31 | <?php endif; ?> |
| 32 | <a id="upgrade-pro-btn" class="btn view-site text-white flex-import-btn" href="" |
| 33 | target="_blank"> |
| 34 | Upgrade pro |
| 35 | </a> |
| 36 | <a id="live-demo-btn" class="btn view-site text-white flex-import-btn" href="" |
| 37 | target="_blank"> |
| 38 | Live Demo |
| 39 | </a> |
| 40 | <a id="document-url-btn" class="btn view-site text-white flex-import-btn" href="" |
| 41 | target="_blank"> |
| 42 | Documentation |
| 43 | </a> |
| 44 | <button id="import-process-cancel-btn" |
| 45 | class="btn view-site text-white flex-import-btn">Cancel |
| 46 | </button> |
| 47 | </div> |
| 48 | </div> |
| 49 | </div> |
| 50 | </div> |
| 51 | </div> |
| 52 | </div> |
| 53 | <!-- Step 2: Import Plugin --> |
| 54 | <div id="import-process-plugins" style="display: none;"> |
| 55 | <div class="container pt-5"> |
| 56 | <div class="import-modal-main row" style="justify-content:space-between;"> |
| 57 | <div class="col-lg-6 fleximp-temp-tab-image"> |
| 58 | <div class="fleximp-temp-tab-inner-image"> |
| 59 | <img id="import-process-mid-image" |
| 60 | src="<?php echo esc_url(get_option('fleximp_current_template_mobile_image', '')); ?>" alt="" |
| 61 | style="" class="fleximp-temp-image"> |
| 62 | </div> |
| 63 | </div> |
| 64 | <div class="col-lg-5 flex-installing-process align-self-center pr-lg-5 mr-lg-5 pr-3 mr-0"> |
| 65 | <h3 id="import-process-mobile-title" class="importing-process-title-1 text-center steps-done"> |
| 66 | <?php echo esc_html(get_option('fleximp_current_template_title', '')); ?> |
| 67 | </h3> |
| 68 | <p id="import-process-mobile-title-text" class="flex-modal-template-mobile-title"></p> |
| 69 | <ul id="import-process-plugins-list" class="flex-modal-icons"> |
| 70 | <li id="step-plugins"> |
| 71 | <p class="flex-insatlling-pluins-title"> Installing plugins</p> |
| 72 | <span class="step-status" id="step-plugins-status"> |
| 73 | <span class="status-icon" id="step-plugins-status-icon"><span |
| 74 | class="loader"></span></span> |
| 75 | Not Started |
| 76 | </span> |
| 77 | </li> |
| 78 | <li id="step-inner-pages"> |
| 79 | <p class="flex-insatlling-pluins-title"> Importing inner pages</p> |
| 80 | <span class="step-status" id="step-inner-pages-status"> |
| 81 | <span class="status-icon" id="step-inner-pages-status-icon"><span |
| 82 | class="loader"></span></span> |
| 83 | Not Started |
| 84 | </span> |
| 85 | </li> |
| 86 | <li id="step-content"> |
| 87 | <p class="flex-insatlling-pluins-title"> Importing content</p> |
| 88 | <span class="step-status" id="step-content-status"> |
| 89 | <span class="status-icon" id="step-content-status-icon"><span |
| 90 | class="loader"></span></span> |
| 91 | Not Started |
| 92 | </span> |
| 93 | </li> |
| 94 | </ul> |
| 95 | |
| 96 | <div style="margin: 20px 0;"> |
| 97 | <p id="import-process-progress-text" style="text-align: right; margin-top: 20px;">0%</p> |
| 98 | <div |
| 99 | style="background: #fff; border-radius: 2px; overflow: hidden; height: 20px; outline: 3px solid #182E60; outline-offset: 5px;"> |
| 100 | <div id="import-process-progress-bar" |
| 101 | style="width: 0%; background: transparent linear-gradient(270deg, #4C5CAA 0%, #9B77B5 100%) 0% 0% no-repeat padding-box; border-radius:4px; height: 100%; transition: width 0.3s;"> |
| 102 | </div> |
| 103 | </div> |
| 104 | </div> |
| 105 | </div> |
| 106 | </div> |
| 107 | </div> |
| 108 | |
| 109 | <button id="import-process-continue-btn" class="btn btn-primary" style="display: none;">Continue</button> |
| 110 | </div> |
| 111 | <!-- Step 3: Done --> |
| 112 | <div id="import-process-done" class="pt-5" style="display: none;"> |
| 113 | <div class="container"> |
| 114 | <div class="row import-done-process-box" style="justify-content:space-between;"> |
| 115 | <div class="col-lg-6"> |
| 116 | <div class="fleximp-temp-tab-image text-center"> |
| 117 | <img id="import-process-responsive-image" |
| 118 | src="<?php echo esc_url(get_option('fleximp_current_template_mobile_image', '')); ?>" |
| 119 | alt="Template Responsive Image" style=""> |
| 120 | </div> |
| 121 | </div> |
| 122 | <div class="col-lg-6 align-self-center"> |
| 123 | <h3 class="text-center steps-done">Congratulations Your Site Is Ready!</h3> |
| 124 | <p>Your demo content has been successfully imported. Start customizing your website to make it truly |
| 125 | yours!</p> |
| 126 | |
| 127 | <div style="margin-top: 20px; text-center " class="view-btton-div"> |
| 128 | <a href="<?php echo esc_url(home_url()); ?>" class="button view-site" target="_blank">View Site |
| 129 | </a> |
| 130 | <a href="<?php echo esc_url(admin_url()); ?>" class="button view-site" target="_blank">Go To |
| 131 | Dashboard </a> |
| 132 | <a href="<?php echo esc_url(admin_url('post.php?post=' . get_option('page_on_front') . '&action=elementor')); ?>" |
| 133 | class="button view-site" target="_blank">Edit with Elementor </a> |
| 134 | <button id="import-process-uninstall-btn" class="button uninstall-btn" |
| 135 | style="display: none;">Uninstall |
| 136 | Template</button> |
| 137 | </div> |
| 138 | </div> |
| 139 | </div> |
| 140 | </div> |
| 141 | </div> |
| 142 | </section> |
| 143 | |
| 144 | <section class="flex-explore-section"> |
| 145 | <div class="container"> |
| 146 | <h2 class="explore-heading text-center mt-5">Explore Pro Templates</h2> |
| 147 | <div class="template-filters"> |
| 148 | <select id="categories-list" class="template-category"></select> |
| 149 | |
| 150 | <div class="template-search"> |
| 151 | <input type="text" id="flex-templates-search" name="flex-templates-search" |
| 152 | placeholder="Search Templates" class="flex-search-input" /> |
| 153 | <button><i class="fa fa-search"></i></button> |
| 154 | </div> |
| 155 | </div> |
| 156 | |
| 157 | |
| 158 | </div> |
| 159 | </section> |
| 160 | |
| 161 | <!-- main templates display from here --> |
| 162 | <div class="section"> |
| 163 | <div class="container-fluid"> |
| 164 | <div class="row cnt-flex-row"> |
| 165 | <div class="col-sm-8 col-lg-8 col-xl-9 px-md-0 px-lg-2 p-0 pt-md-2 pt-sm-2 grid-container-column"> |
| 166 | <!-- Skeleton Loader --> |
| 167 | <div id="templates-skeleton-loader" style="display: none;"> |
| 168 | <div class="skeleton-grid"> |
| 169 | </div> |
| 170 | </div> |
| 171 | |
| 172 | <div id="templates-list" class="grid-container my_grid_container"> </div> |
| 173 | <!-- Pagination --> |
| 174 | <div class="flex-pagination-container mt-4"> |
| 175 | <nav aria-label="Template pagination"> |
| 176 | <ul class="pagination justify-content-center" id="pagination-controls"> |
| 177 | <!-- Pagination generated--> |
| 178 | </ul> |
| 179 | </nav> |
| 180 | </div> |
| 181 | <!-- Pagination end --> |
| 182 | </div> |
| 183 | <div class="col-sm-4 col-lg-4 col-xl-3 px-md-0 px-lg-2 p-0 pt-md-2 pt-sm-2 grid-container-column"> |
| 184 | |
| 185 | <div class="flex-template-tab-bundle"> |
| 186 | <div class="flex-template-tab-bundle__card"> |
| 187 | |
| 188 | <div class="flex-template-tab-bundle__image"> |
| 189 | <img src="<?php echo esc_url(FLEXIMP_PLUGIN_DIR_FILE . 'assets/images/bundle-banner.png'); ?>" |
| 190 | alt="WordPress Theme Bundle"> |
| 191 | </div> |
| 192 | |
| 193 | <h2 class="flex-template-tab-bundle__title"> |
| 194 | WordPress Theme Bundle |
| 195 | </h2> |
| 196 | |
| 197 | <div class="flex-template-tab-bundle__price"> |
| 198 | <span>Price:</span> |
| 199 | <span class="flex-template-tab-bundle__old-price">$590</span> |
| 200 | <span class="flex-template-tab-bundle__new-price">$69</span> |
| 201 | </div> |
| 202 | |
| 203 | <p class="flex-template-tab-bundle__description"> |
| 204 | Get access to 14+ Premium Elementor WordPress Themes with the Flex Theme Bundle. |
| 205 | Perfect for all niches, easy to customize, fast-loading, and built for modern websites. |
| 206 | </p> |
| 207 | |
| 208 | <?php if (defined('FLEXIMP_UPGRADE_PRO_URL') && FLEXIMP_UPGRADE_PRO_URL): ?> |
| 209 | <a href="<?php echo esc_url(FLEXIMP_UPGRADE_PRO_URL); ?>" |
| 210 | class="btn flex-demo-btn btn-secondary" target="_blank" rel="noopener"> |
| 211 | Get 20% OFF On Bundle |
| 212 | </a> |
| 213 | <?php endif; ?> |
| 214 | |
| 215 | </div> |
| 216 | </div> |
| 217 | |
| 218 | </div> |
| 219 | </div> |
| 220 | |
| 221 | </div> |
| 222 | </div> |