oont-contents/plugins/wt-woocommerce-related-products/admin/partials/custom-related-products-admin-display.php
2025-02-08 15:10:23 +01:00

483 lines
19 KiB
PHP

<?php
/**
* Provide a admin area view for the plugin
*
* This file is used to markup the admin-facing aspects of the plugin.
*
* @since 1.0.0
*
* @package Custom_Related_Products
* @subpackage Custom_Related_Products/admin/partials
*/
?>
<?php $wt_rp_admin_gopro_img_path = CRP_PLUGIN_URL . 'admin/img/gopro'; ?>
<div class="wrap wt-crp-container">
<?php settings_errors(); ?>
<div class="crp-main-container">
<div class="wt-crp-general-settings">
<p style="font-size: 16px;">
<b> <?php esc_html_e( 'Settings', 'wt-woocommerce-related-products' ); ?></b>
</p>
<p style="border-top: 1px dashed rgb(204, 204, 204); padding-top: 5px;"></p>
</div>
<div class="wt-crp-form-container">
<form action="options.php" method="post">
<?php
settings_fields( $this->plugin_name );
do_settings_sections( $this->plugin_name );
submit_button();
?>
</form>
</div>
</div>
<div class="crp-right-container" style="float: <?php echo is_rtl() ? 'left;' : 'right;'; ?>">
<div style="background: #fff; height:auto; padding: 15px; box-shadow: 0px 0px 2px #ccc;">
<h2 style="text-align: center;margin-top: 10px;"><?php esc_html_e( 'Watch setup video', 'wt-woocommerce-related-products' ); ?></h2>
<iframe src="//www.youtube.com/embed/KOMx3g-ZMQs" allowfullscreen="allowfullscreen" frameborder="0" align="middle" style="width:100%;margin-bottom: 1em;margin-top: 4px;"></iframe>
</div>
<div class="wt_rp_exclusive_gopro">
<div class="wt_rp_exclusive_gopro_content">
<h3><?php _e( 'Exclusive for <span class="exclusive_txt">you!<span>', 'wt-woocommerce-related-products' ); ?></h3>
<img class="wt_rp_30_discount_img"src="<?php echo esc_url( $wt_rp_admin_gopro_img_path . '/30-discount.svg' ); ?>" height="78px" width="87px">
<p class="wt_rp_exclusive_gopro_txt"><?php esc_html_e( 'Our free plugins are getting all of the premium promotion plugins at <b>30% off<b>.', 'wt-woocommerce-related-products' ); ?></p class="">
<div class="wt_rp_copy_content">
<a href="#" style="background: #007FFF; border-radius: 5px;"><img src="<?php echo esc_url( $wt_rp_admin_gopro_img_path . '/promo-code.svg' ); ?>" style="height: 35px; margin-top: 8px;"><a>
<p><?php esc_html_e( 'Use code at checkout', 'wt-woocommerce-related-products' ); ?></p>
<p class="wt_rp_copied"><?php esc_html_e( 'Copied!', 'wt-woocommerce-related-products' ); ?></p>
</div>
</div>
</div>
<div class="wt_rp_plugin_promo">
<div class="wt_rp_plugin_promo_content">
<div class="wt_rp_plugin_promo_title_wrapper">
<img src="<?php echo esc_url( $wt_rp_admin_gopro_img_path . '/product-recommendation-plugin.svg' ); ?>">
<h3><?php esc_html_e( 'WooCommerce Product Recommendations', 'wt-woocommerce-related-products' ); ?></h3>
</div>
<p><?php esc_html_e( 'Get the most from premium version Get the most from premium version', 'wt-woocommerce-related-products' ); ?></p>
</div>
<div class="wt_rp_gopro_buttons">
<a href="#" class="wt_rp_pro_features_btn wt_rp_product_recomm_show_btn "><?php esc_html_e( 'Premium features', 'wt-woocommerce-related-products' ); ?> <span class="dashicons dashicons-arrow-right-alt"></span></a>
<a href="#" class="wt_rp_pro_hide_features_btn wt_rp_product_recomm_hide_btn"><?php esc_html_e( 'Hide features', 'wt-woocommerce-related-products' ); ?> <span class="dashicons dashicons-arrow-right-alt"></span></a>
<a href="https://www.webtoffee.com/product/woocommerce-product-recommendations/?utm_source=free_plugin_sidebar&utm_medium=related_free_plugin&utm_campaign=Product_Recommendations" target="_blank" class="wt_rp_view_plugin_btn"><?php esc_html_e( 'View plugin', 'wt-woocommerce-related-products' ); ?> <span class="dashicons dashicons-arrow-right-alt"></span></a>
</div>
<div class="wt_rp_pro_feature_content">
<div class="wt_rp_pro_feature_content_div wt_rp_product_recomm_points">
<ul class="ticked-list">
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Automatic product recommendations', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Generate suggestions using filters', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Place recommendations on relevant pages', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Sort products by price, popularity, rating, etc. ', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Display recommendations in a grid or a slider', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Hide out-of-stock products from suggestions ', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Multiple product type support ', 'wt-woocommerce-related-products' ); ?></li>
</ul>
</div>
</div>
</div>
<div class="wt_rp_plugin_promo wt_rp_margin_click_style_fbt" >
<div class="wt_rp_plugin_promo_content">
<div class="wt_rp_plugin_promo_title_wrapper">
<img src="<?php echo esc_url( $wt_rp_admin_gopro_img_path . '/frequently-bought-together-plugin.svg' ); ?>">
<h3><?php esc_html_e( 'Frequently Bought Together For WooCommerce', 'wt-woocommerce-related-products' ); ?></h3>
</div>
<p><?php esc_html_e( 'Get the most from premium version Get the most from premium version ', 'wt-woocommerce-related-products' ); ?></p>
</div>
<div class="wt_rp_gopro_buttons">
<a href="#" class="wt_rp_pro_features_btn wt_rp_fbt_show_btn"><?php esc_html_e( 'Premium features', 'wt-woocommerce-related-products' ); ?> <span class="dashicons dashicons-arrow-right-alt"></span></a>
<a href="#" class="wt_rp_pro_hide_features_btn wt_rp_fbt_hide_btn"><?php esc_html_e( 'Hide features', 'wt-woocommerce-related-products' ); ?> <span class="dashicons dashicons-arrow-right-alt wt_hide_dashboard_icon"></span></a>
<a href="https://www.webtoffee.com/product/woocommerce-frequently-bought-together/?utm_source=other_solution_page&utm_medium=free_plugin&utm_campaign=Frequently_Bought_Together" target="_blank" class="wt_rp_view_plugin_btn"><?php esc_html_e( 'View plugin', 'wt-woocommerce-related-products' ); ?> <span class="dashicons dashicons-arrow-right-alt"></span></a>
</div>
<div class="wt_rp_pro_feature_content">
<div class="wt_rp_pro_feature_content_div wt_rp_fbt_points">
<ul class="ticked-list">
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Suggest products based on store order history', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Display suggestions on product pages', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Multiple recommendation layouts', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Offers discounts on product bundles', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Use upsells, cross-sells, & related products as frequently bought products', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'Customize the title, button, and label texts', 'wt-woocommerce-related-products' ); ?></li>
<li><span class="dashicons dashicons-yes-alt"></span><?php esc_html_e( 'A quick edit page to enable, edit or remove suggestions ', 'wt-woocommerce-related-products' ); ?></li>
</ul>
</div>
</div>
</div>
<div class="wt_rp_plugin_promo wt_rp_margin_click_style_bs">
<div class="wt_rp_extras">
<div class="wt_rp_extras_content">
<img src="<?php echo esc_url( $wt_rp_admin_gopro_img_path . '/30day-money-back.svg' ); ?>">
<h3 style="color: #606060;"><?php esc_html_e( '100% No Risk Money Back Guarantee', 'wt-woocommerce-related-products' ); ?></h3>
</div>
<div class="wt_rp_extras_content" style="margin-top: 1px;">
<img src="<?php echo esc_url( $wt_rp_admin_gopro_img_path . '/satisfaction-rating.svg' ); ?>">
<h3 style="color: #606060;"><?php esc_html_e( 'Supported by a team with 99% customer satisfaction score', 'wt-woocommerce-related-products' ); ?></h3>
</div>
</div>
</div>
</div>
<style>
.wt_go-review{
background: #fff;
float: left;
/*border-radius: 4px;*/
height:auto;
padding: 15px;
box-shadow: 0px 0px 2px #ccc;
margin: 15px 0px;
}
.wt_go-link{
background: #fff;
float: left;
/*border-radius: 4px;*/
height:auto;
padding: 15px;
box-shadow: 0px 0px 2px #ccc;
}
.wt_go-review h3{
text-align: center;
}
.wt-blue-info{
color: #646970;
background-color: #d9edf7;
border-color: #bce8f1;
padding: 2px 18px 18px 18px;
border: 1px solid transparent;
border-radius: 4px;
margin-top: 32px;
}
.wt-crp-container .form-table th {
width : 290px;
}
.crp-main-container {
width: 68%;
display: inline-block;
background-color: white;
padding: 10px 20px 10px 20px;
}
.crp-right-container {
width: 27%;
margin-right: 10px;
}
.crp-paragraph {
margin-top: 12px !important;
}
.working-mode-field .description {
margin: 0px 0px 15px 25px;
}
.crp-disallow {
opacity: 0.5;
cursor: not-allowed;
}
.wt-crp-container .crp-disallow select, .wt-crp-container .crp-disallow label, .wt-crp-container .crp-disallow input, .wt-crp-container .crp-disallow span, .wt-crp-container .crp-disallow li {
cursor: not-allowed !important;
}
.wt-crp-container fieldset span.select2 {
width: 320px !important;
}
.wt-crp-select, .wt-crp-input {
width: 320px;
}
.crp-info {
font-size: 13px;
}
.crp-info-box {
color: #646970;
background-color: #d9edf7;
border-color: #bce8f1;
padding: 14px 14px 5px;
border: 1px solid transparent;
border-radius: 4px;
margin-bottom: 14px;
}
.crp-alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.crp-seconday-alert {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.crp-info-alert {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.crp-warning-alert {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.wt-crp-note {
font-size: 13px !important;
}
.crp-overide-theme .crp-alert {
margin-top: 8px;
width: 70%;
display: none;
}
.wt_crp_branding {
text-align: end;
width: 100%;
margin-bottom: 10px;
}
.wt_crp_brand_label {
width: 100%;
padding-bottom: 10px;
font-size: 11px;
font-weight: 600;
}
.wt_crp_brand_logo img {
max-width: 100px;
}
.inner-addon {
position: relative;
margin: 10px;
}
/* style icon */
.inner-addon .glyphicon {
position: absolute;
/*padding: 10px;*/
pointer-events: none;
}
/* align icon */
.left-addon .glyphicon {
left: 0px;
}
.right-addon .glyphicon {
right: 0px;
}
/* add padding */
.left-addon input {
padding-left: 40px !important;
}
.right-addon input {
padding-right: 30px;
}
.wt-preview-desktop:before{
content: "\f472";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/21px dashicons;
vertical-align: top;
margin: 1px 2px;
padding: 4px 4px;
border-right: 1px solid #8c8f94;
}
.wt-preview-tablet:before{
content: "\f471";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/21px dashicons;
vertical-align: top;
margin: 1px 2px;
padding: 4px 4px;
border-right: 1px solid #8c8f94;
}
.wt-preview-mobile:before{
content: "\f470";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/21px dashicons;
vertical-align: top;
margin: 1px 2px;
padding: 4px 4px;
border-right: 1px solid #8c8f94;
}
#custom_related_products_crp_banner_product_width_mobile::-webkit-inner-spin-button,
#custom_related_products_crp_banner_product_width_mobile::-webkit-outer-spin-button,
#custom_related_products_crp_banner_product_width_tab::-webkit-inner-spin-button,
#custom_related_products_crp_banner_product_width_tab::-webkit-outer-spin-button,
#custom_related_products_crp_banner_product_width_desk::-webkit-inner-spin-button,
#custom_related_products_crp_banner_product_width_desk::-webkit-outer-spin-button {
opacity: 1;
}
.wt_rp_exclusive_gopro{ position:relative; width: 92%; background: #fff; color: #595959; height:200px; padding: 4%; margin: 9% 0%; display: flex;}
.wt_rp_exclusive_gopro_txt { padding-left: 10px; font-size: 15px;}
.wt_rp_exclusive_gopro h3{ font-size:22px; padding-left: 10px; padding-bottom: 20px; }
.wt_rp_exclusive_gopro .wt_rp_30_discount_img{ position:absolute; left: 239px; bottom: 170px; }
.wt_rp_exclusive_gopro_content h3{ border-bottom: 1px dashed #595959;}
.exclusive_txt{color: #007FFF;}
.wt_rp_copy_content{ display:flex; font-size: 15px; padding-left: 10px}
.wt_rp_copy_content a{ outline: none;}
.wt_rp_copy_content p{ padding-left: 10px; font-size: 14px; color: black; font-weight: 400;}
.wt_rp_copied {position: absolute; top: 192px; right: 243px; display: none; font-size: 9px;}
.wt_rp_promo_code a{ background: #007FFF; border-radius: 5px;}
.wt_rp_plugin_promo{ height: auto; width: 92%; background: #fff; color: #000000; padding: 4%; margin-top: 20px}
.wt_rp_plugin_promo_content{ padding-left: 15px; padding-right: 20px;}
.wt_rp_plugin_promo_title_wrapper img { width: 45px; height: 45px; }
.wt_rp_plugin_promo_title_wrapper h3{ font-size: 15px; font-weight: 700; margin-top: -1px; line-height: 25px; padding-left: 10px }
.wt_rp_plugin_promo_title_wrapper{ padding-top:18px; display: flex; color: #000000;}
.wt_rp_plugin_promo_content p{ font-weight: 500; font-size: 14px; color: #959595;}
.wt_rp_gopro_buttons{ padding-top: 22px; height: auto;margin-left: -15px; margin-right: -15px; margin-top: 17px }
.wt_rp_pro_features_btn{ text-decoration:none; font-size:14px; color: #36AF00; padding-right: 40px; padding-left: 29px}
.wt_rp_pro_hide_features_btn { text-decoration:none; font-size:14px; color: #3176FD; padding-right: 70px; display: none; margin-left: 34px;}
.wt_rp_product_recomm_hide_btn{}
.wt_rp_view_plugin_btn { text-decoration:none; font-size:14px; color: #3176FD; }
.wt_rp_gopro_buttons .dashicons-arrow-right-alt { font-size: 14px; display: inline; vertical-align: middle; }
.wt_rp_plugin_promo_content_points{ background: #fff; width: 92; margin-top: 1px; margin-left: -15px; margin-right: -15px; padding: 2px 7px 2px 10px; line-height: 25px;}
.wt_rp_plugin_promo_content_points ul { margin-left:20px; }
.wt_rp_plugin_promo_content_points .text_content { color:green; }
.wt_rp_plugin_promo_content_points li { line-height: 16px; font-weight: 400; font-size: 15px; margin-right: 21px; padding: 9px 0px;}
.wt_rp_plugin_promo_content_points li .dashicons{ margin-right: 7px; font-size: 16px;}
.wt_rp_plugin_promo_content_points li .dashicons-yes-alt{ color:#18c01d; font-size: 20px; line-height: 18px; padding-bottom: 10px;}
.wt_rp_plugin_promo_content_points .ticked-list li .dashicons{ background:#fff; color:#6ABE45; border-radius:20px; margin-right:5px; margin-left:-25px; }
.wt_rp_plugin_promo_content_points .ticked-list li { margin-bottom: 15px; padding-left:25px; color:#000; }
.ticked-list{ font-size: 13px; line-height: 1.4em; padding-left:0px; padding-top: 10px; }
.wt_rp_extras_content{ background: #fff; color: #606060; float: left; padding: 6%; display: flex; width: 97%; margin-left: -4%;}
.wt_rp_extras_content h3{ line-height: 22px; margin-left: 10px; font-size: 14px;}
.wt_rp_pro_feature_content_div { padding:4% 4%; padding-top:10px; background: white; font-weight: 400; display: none;}
.wt_rp_pro_feature_content ul { padding-left:11px; padding-right:15px; padding-right: 40px; font-size: 14px; }
.wt_rp_pro_feature_content .ticked-list li { margin-bottom: 15px; padding-left:35px; color:#000; }
.wt_rp_pro_feature_content .ticked-list li div { margin-top: -22px; margin-left: 7px; line-height: 24px; }
.ticked-list{ font-size: 13px; line-height: 1.4em; padding-left:0px; padding-top: 10px; }
.wt_rp_pro_feature_content .ticked-list li .dashicons{ background:#fff; color:#6ABE45; border-radius:20px; margin-right:5px; margin-left:-25px; }
.crp-number .description , .crp-banner-width .description { margin-left: 110px; margin-top: -31px; }
@media (min-width: 1200px) and (max-width: 1440px) {
.woocommerce table.form-table input[type=text] {
width: 330px !important;
}
.woocommerce table.form-table .select2-container {
min-width: 330px !important;
}
.woocommerce table.form-table select {
width: 330px;
}
.wt_rp_exclusive_gopro {
height: fit-content;
}
.wt_rp_exclusive_gopro .wt_rp_copy_content {
align-items: center;
}
.wt_rp_pro_features_btn {
padding-left: 15px;
padding-right: 12px;
}
}
@media (max-width: 1200px) {
.crp-main-container,
.crp-right-container {
width: 100%;
padding: 10px;
}
.crp-right-container {
margin-top: 10px;
float: none !important;
}
.wrap.wt-crp-container {
margin-right: 15px;
}
.wt-crp-form-container {
padding: 0px 10px;
}
}
</style>
<script>
jQuery(document).ready(function(){
jQuery('.wt_rp_product_recomm_show_btn').click(function(e){
e.preventDefault();
jQuery('.wt_rp_product_recomm_points').toggle();
jQuery('.wt_rp_product_recomm_hide_btn').toggle();
jQuery('.wt_rp_product_recomm_show_btn').css("display","none");
jQuery('.wt_rp_margin_click_style_fbt').css("margin-top","30px");
});
jQuery('.wt_rp_product_recomm_hide_btn').click(function(e){
e.preventDefault();
jQuery('.wt_rp_product_recomm_show_btn').toggle();
jQuery('.wt_rp_product_recomm_hide_btn').css("display","none");
jQuery('.wt_rp_product_recomm_points').toggle();
jQuery('.wt_rp_margin_click_style_fbt').css("margin-top","30px");
});
jQuery('.wt_rp_fbt_show_btn').click(function(e){
e.preventDefault();
jQuery('.wt_rp_fbt_points').toggle();
jQuery('.wt_rp_fbt_hide_btn').toggle();
jQuery('.wt_rp_fbt_show_btn').css("display","none");
jQuery('.wt_rp_margin_click_style_bs').css("margin-top","30px");
});
jQuery('.wt_rp_fbt_hide_btn').click(function(e){
e.preventDefault();
jQuery('.wt_rp_fbt_show_btn').toggle();
jQuery('.wt_rp_fbt_hide_btn').css("display","none");
jQuery('.wt_rp_fbt_points').toggle();
jQuery('.wt_rp_margin_click_style_bs').css("margin-top","30px");
});
jQuery('.wt_rp_best_sellers_show_btn').click(function(e){
e.preventDefault();
jQuery('.wt_rp_best_sellers_points').toggle();
jQuery('.wt_rp_best_sellers_hide_btn').toggle();
jQuery('.wt_rp_best_sellers_show_btn').css("display","none");
jQuery('.wt_rp_extras').css("margin-top","30px");
});
jQuery('.wt_rp_best_sellers_hide_btn').click(function(e){
e.preventDefault();
jQuery('.wt_rp_best_sellers_show_btn').toggle();
jQuery('.wt_rp_best_sellers_hide_btn').css("display","none");
jQuery('.wt_rp_best_sellers_points').toggle();
jQuery('.wt_rp_extras').css("margin-top","10px");
});
});
</script>