/**
 * Shows theme intagration wizard
 *
 * @param type $atts
 */
function theme_integration_wizard($atts)
{
    $current_mode = get_real_integration_mode();
    if (is_ic_integration_wizard_page()) {
        $args = shortcode_atts(array('class' => 'fixed-box'), $atts);
        $class = esc_attr($args['class']);
        $box_content = '<h4>' . __('Advanced Mode Test', 'ecommerce-product-catalog') . '</h4>';
        /* $box_content .= '<script>jQuery(window).scroll( function() { if (isScrolledIntoView(".relative-box")) {jQuery(".fixed-box").hide("slow");}
        	  else {jQuery(".fixed-box").show("slow");}});
        	  function isScrolledIntoView(elem)
        	  {
        	  var docViewTop = jQuery(window).scrollTop();
        	  var docViewBottom = docViewTop + jQuery(window).height();
        	  var elemTop = jQuery(elem).offset().top;
        	  var elemBottom = elemTop + jQuery(elem).height();
        	  return ((docViewTop < elemTop) && (docViewBottom > elemBottom));
        	  //    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
        	  }</script>'; */
        if (!isset($_GET['test_advanced'])) {
            $box_content .= '<p>' . __('eCommerce Product Catalog is currently running in Simple Mode.', 'ecommerce-product-catalog') . '</p>';
            $box_content .= '<p>' . __('In Simple Mode the product listing, product search and category pages are disabled (please read this Sample Product Page to fully understand the difference).', 'ecommerce-product-catalog') . '</p>';
            $box_content .= '<p>' . __('Please use the button below to check out how the product page looks in Automatic Advanced Mode.', 'ecommerce-product-catalog') . '</p>';
            $box_content .= '<p class="wp-core-ui"><a href="' . esc_url(add_query_arg('test_advanced', '1')) . '" class="button-primary">' . __('Start Advanced Mode Test', 'ecommerce-product-catalog') . '</a><a href="' . esc_url(add_query_arg('test_advanced', 'simple')) . '" class="button-secondary">' . __('Use Simple Mode', 'ecommerce-product-catalog') . '</a></p>';
            if ($current_mode == 'simple') {
                echo '<div id="integration_wizard" class="' . $class . '">' . implecode_info($box_content, 0) . '</div>';
            }
        } else {
            if (isset($_GET['test_advanced']) && $_GET['test_advanced'] == 1) {
                $box_content .= '<style>#integration_wizard.fixed-box {opacity: 0.8;}#integration_wizard.fixed-box:hover {opacity: 1;}</style>';
                $box_content .= '<p>' . __('Advanced Mode is temporary enabled for this page now.', 'ecommerce-product-catalog') . '</p>';
                //$box_content .= '<p>' . __( 'Please use the buttons below to let the script know if the Automatic Advanced Integration is done right.', 'ecommerce-product-catalog' ) . '</p>';
                $box_content .= '<p style="margin-bottom: 0">' . __('Make some adjustments if necessary (you can change it at any time later)', 'ecommerce-product-catalog') . ':</p>';
                $box_content .= '<table class="styling-adjustments">';
                $integration_settings = get_integration_settings();
                $box_content .= implecode_settings_number(__('Width', 'ecommerce-product-catalog'), 'container_width', $integration_settings['container_width'], '%', 0, null, null, 0);
                $box_content .= implecode_settings_text_color(__('Background', 'ecommerce-product-catalog'), 'container_bg', $integration_settings['container_bg'], null, 0, null, '{change: function(event, ui){ var hexcolor = jQuery( this ).wpColorPicker( "color" ); jQuery("#container").css("background", hexcolor); jQuery("#container").css("overflow", "hidden"); jQuery("#container").css("width", jQuery("input[name=\\"container_width\\"]").val()+"%");}}');
                $box_content .= implecode_settings_number(__('Padding', 'ecommerce-product-catalog'), 'container_padding', $integration_settings['container_padding'], 'px', 0, null, null, 0);
                if (!defined('AL_SIDEBAR_PLUGIN_BASE_PATH')) {
                    $box_content .= implecode_settings_radio(__('Default Sidebar', 'ecommerce-product-catalog'), 'default_sidebar', $integration_settings['default_sidebar'], array('none' => __('Disabled', 'ecommerce-product-catalog'), 'left' => __('Left', 'ecommerce-product-catalog'), 'right' => __('Right', 'ecommerce-product-catalog')), 0);
                    if ($integration_settings['default_sidebar'] == 'none') {
                        $box_content .= '<style>#catalog_sidebar {display: none;}</style>';
                    }
                }
                $box_content .= implecode_settings_checkbox(__('Disable breadcrumbs', 'ecommerce-product-catalog'), 'disable_breadcrumbs', $integration_settings['disable_breadcrumbs'], 0);
                $box_content .= implecode_settings_checkbox(__('Disable Name', 'ecommerce-product-catalog'), 'disable_name', $integration_settings['disable_name'], 0);
                $box_content .= implecode_settings_checkbox(__('Disable Image', 'ecommerce-product-catalog'), 'disable_image', $integration_settings['disable_image'], 0);
                $box_content .= implecode_settings_checkbox(__('Disable Price', 'ecommerce-product-catalog'), 'disable_price', $integration_settings['disable_price'], 0);
                $box_content .= implecode_settings_checkbox(__('Disable Shipping', 'ecommerce-product-catalog'), 'disable_shipping', $integration_settings['disable_shipping'], 0);
                $box_content .= implecode_settings_checkbox(__('Disable Attributes', 'ecommerce-product-catalog'), 'disable_attributes', $integration_settings['disable_attributes'], 0);
                $box_content .= '</table>';
                $box_content .= '<style>#integration_wizard .al-box table tbody, #integration_wizard .al-box table tr, #integration_wizard .al-box table td {border: 0; background: transparent;} #integration_wizard .al-box table.styling-adjustments td {vertical-align: middle;font-size: 14px; color: rgb(136, 136, 136); text-align: left;} #integration_wizard .wp-picker-container {padding-top: 5px;}html #integration_wizard.fixed-box .al-box table input.wp-picker-clear {background: #ededed; transition: none; padding: 1px 6px; border: 1px solid #000; color: #000; margin: 0; margin-left: 6px;}#integration_wizard .wp-picker-holder{position: absolute;}</style>';
                $box_content .= '<script>jQuery("input[name=\\"container_width\\"]").change(function() { jQuery("#container").css("width", jQuery(this).val()+"%");jQuery("#container").css("margin", "0 auto");});';
                $box_content .= 'jQuery("input[name=\\"container_padding\\"]").change(function() { jQuery("#container #content").css("padding", jQuery(this).val()+"px");jQuery("#container").css("box-sizing", "border-box");jQuery("#container #catalog_sidebar").css("padding", jQuery(this).val()+"px");});';
                $box_content .= 'jQuery("input[name=\\"disable_breadcrumbs\\"]").change(function() { if (jQuery(this).is(":checked")) { jQuery("p#breadcrumbs").hide();} else {jQuery("p#breadcrumbs").show();}});';
                $box_content .= 'jQuery("input[name=\\"disable_name\\"]").change(function() { if (jQuery(this).is(":checked")) { jQuery("h1.product-name").hide();} else {jQuery("h1.product-name").show();}});';
                $box_content .= 'jQuery("input[name=\\"disable_image\\"]").change(function() { if (jQuery(this).is(":checked")) { jQuery("div.product-image").hide();jQuery("#product_details").addClass("no-image");} else {jQuery("div.product-image").show();jQuery("#product_details").removeClass("no-image");}});';
                $box_content .= 'jQuery("input[name=\\"disable_price\\"]").change(function() { if (jQuery(this).is(":checked")) { jQuery("table.price-table").hide();} else {jQuery("table.price-table").show();}});';
                $box_content .= 'jQuery("input[name=\\"disable_shipping\\"]").change(function() { if (jQuery(this).is(":checked")) { jQuery("table.shipping-table").hide();} else {jQuery("table.shipping-table").show();}});';
                $box_content .= 'jQuery("input[name=\\"disable_attributes\\"]").change(function() { if (jQuery(this).is(":checked")) { jQuery("#product_features").hide();} else {jQuery("#product_features").show();}});';
                $box_content .= 'jQuery("input[name=\\"default_sidebar\\"]").change(function() { if (jQuery(this).is(":checked")) { sidebar = jQuery(this).val();if (sidebar == "left") {jQuery("#catalog_sidebar").show();jQuery("#catalog_sidebar").css("float","left");jQuery(".product-catalog #content").css("width","70%");jQuery(".product-catalog #content").css("float","right");} else if (sidebar == "right") {jQuery("#catalog_sidebar").show();jQuery("#catalog_sidebar").css("float","right");jQuery(".product-catalog #content").css("width","70%");jQuery(".product-catalog #content").css("float","left");} else {jQuery("#catalog_sidebar").hide();jQuery(".product-catalog #content").css("width","100%");jQuery(".product-catalog #content").css("float","none");}}});';
                $box_content .= '</script>';
                //$box_content .= '<script>jQuery("input[name=\"container_bg\"]").change(function() { jQuery("#container").css("background", jQuery(this).val());});</script>';
                $box_content .= '<p>' . __('Is everything looking fine now?', 'ecommerce-product-catalog') . '</p>';
                $box_content .= '<script>jQuery(document).ready(function() {
    jQuery("a.integration-ok").click(function(e) {
	clicked = jQuery(this).attr("href");
	e.preventDefault();
	var breadcrumbs = 0;
	if (jQuery("input[name=\\"disable_breadcrumbs\\"]").is(":checked")) {
		breadcrumbs = 1;
	}
	var name = 0;
	if (jQuery("input[name=\\"disable_name\\"]").is(":checked")) {
		name = 1;
	}
	var image = 0;
	if (jQuery("input[name=\\"disable_image\\"]").is(":checked")) {
		image = 1;
	}
	var price = 0;
	if (jQuery("input[name=\\"disable_price\\"]").is(":checked")) {
		price = 1;
	}
	var shipping = 0;
	if (jQuery("input[name=\\"disable_shipping\\"]").is(":checked")) {
		shipping = 1;
	}
	var attributes = 0;
	if (jQuery("input[name=\\"disable_attributes\\"]").is(":checked")) {
		attributes = 1;
	}
	default_sidebar = jQuery("input[name=\\"default_sidebar\\"]:checked").val();
		var data = {
			"action": "save_wizard",
			"container_width": jQuery("input[name=\\"container_width\\"]").val(),
			"container_padding": jQuery("input[name=\\"container_padding\\"]").val(),
			"container_bg": jQuery("input[name=\\"container_bg\\"]").val(),
			"disable_breadcrumbs": breadcrumbs,
			"disable_name": name,
			"disable_image": image,
			"disable_price": price,
			"disable_shipping": shipping,
			"disable_attributes": attributes,
			"default_sidebar": default_sidebar
		};

		jQuery.post("' . admin_url('admin-ajax.php') . '", data, function(response) {
			window.location.href = clicked;
		});
	}); });
</script>';
                $box_content .= '<p class="wp-core-ui"><a href="' . esc_url(add_query_arg('test_advanced', 'ok')) . '" class="button-primary integration-ok">' . __('It\'s Fine', 'ecommerce-product-catalog') . '</a><a href="' . esc_url(add_query_arg('test_advanced', 'bad')) . '" class="button-secondary">' . __('It\'s Broken', 'ecommerce-product-catalog') . '</a></p>';
                echo '<div id="integration_wizard" class="' . $class . '">' . implecode_info($box_content, 0) . '</div>';
            } else {
                if (isset($_GET['test_advanced']) && $_GET['test_advanced'] == 'bad') {
                    $box_content .= '<p>' . __('It seems that Manual Theme Integration is needed in order to use Advanced Mode with your current theme.', 'ecommerce-product-catalog') . '</p>';
                    $box_content .= '<h4>' . __('You Have 3 choices', 'ecommerce-product-catalog') . ':</h4>';
                    $box_content .= '<ol>';
                    $box_content .= '<li>' . __('Get the Manual Theme Integration done.', 'ecommerce-product-catalog') . '</li>';
                    $box_content .= '<li>' . __('Keep using Simple Mode which is still functional.', 'ecommerce-product-catalog') . '</li>';
                    $box_content .= '<li>' . __('Switch the theme.', 'ecommerce-product-catalog') . '</li>';
                    $box_content .= '</ol>';
                    $box_content .= '<p>' . __('Please make your choice below or switch the theme.', 'ecommerce-product-catalog') . '</p>';
                    $box_content .= '<p class="wp-core-ui"><a target="_blank" href="https://implecode.com/wordpress/product-catalog/theme-integration-guide/#cam=simple-mode&key=integration-advanced-fail" class="button-primary">' . __('Free Theme Integration Guide', 'ecommerce-product-catalog') . '</a><a href="' . esc_url(add_query_arg('test_advanced', 'simple')) . '" class="button-secondary">' . __('Use Simple Mode', 'ecommerce-product-catalog') . '</a></p>';
                    enable_simple_mode();
                    echo '<div id="integration_wizard" class="' . $class . '">' . implecode_warning($box_content, 0) . '</div>';
                } else {
                    if (isset($_GET['test_advanced']) && $_GET['test_advanced'] == 'ok') {
                        $box_content .= '<p>' . __('Congratulations! eCommerce Product Catalog is working on Advanced Mode now. You can go to admin and add the products to the catalog.', 'ecommerce-product-catalog') . '</p>';
                        $box_content .= '<p>' . __('If you are a developer or would like to have full control on the product pages templates we still recommend to proceed with manual integration.', 'ecommerce-product-catalog') . '</p>';
                        $box_content .= '<p>' . __('You can switch between modes at any time in Product Settings.', 'ecommerce-product-catalog') . '</p>';
                        $box_content .= '<p class="wp-core-ui"><a href="' . admin_url('edit.php?post_type=al_product') . '" class="button-primary">' . __('Go to Admin', 'ecommerce-product-catalog') . '</a><a target="_blank" href="https://implecode.com/wordpress/product-catalog/theme-integration-guide/#cam=advanced-mode&key=integration-advanced-success" class="button-secondary">' . __('Free Theme Integration Guide', 'ecommerce-product-catalog') . '</a></p>';
                        enable_advanced_mode();
                        echo '<div id="integration_wizard" class="' . $class . '">' . implecode_success($box_content, 0) . '</div>';
                    } else {
                        if (isset($_GET['test_advanced']) && $_GET['test_advanced'] == 'simple') {
                            $box_content .= '<p>' . __('You are using simple mode now.', 'ecommerce-product-catalog') . '</p>';
                            $box_content .= '<p>' . __('You can switch between modes at any time in Product Settings.', 'ecommerce-product-catalog') . '</p>';
                            $box_content .= '<p>' . __('Use the buttons below to try the advanced integration again or go to admin and start adding your products.', 'ecommerce-product-catalog') . '</p>';
                            $box_content .= '<p class="wp-core-ui"><a href="' . admin_url('edit.php?post_type=al_product') . '" class="button-primary">' . __('Go to Admin', 'ecommerce-product-catalog') . '</a><a href="' . esc_url(add_query_arg('test_advanced', '1')) . '" class="button-secondary">' . __('Restart Advanced Mode Test', 'ecommerce-product-catalog') . '</a></p>';
                            enable_simple_mode();
                            echo '<div id="integration_wizard" class="' . $class . '">' . implecode_success($box_content, 0) . '</div>';
                        }
                    }
                }
            }
        }
    }
}
Example #2
0
function general_settings_content()
{
    $submenu = isset($_GET['submenu']) ? $_GET['submenu'] : '';
    ?>
	<div class="overall-product-settings settings-wrapper" style="clear:both;">
		<div class="settings-submenu">
			<h3>
				<a id="general-settings" class="element current"
				   href="<?php 
    echo admin_url('edit.php?post_type=al_product&page=product-settings.php&tab=product-settings&submenu=general-settings');
    ?>
"><?php 
    _e('General Settings', 'ecommerce-product-catalog');
    ?>
</a>
				   <?php 
    do_action('general_submenu');
    ?>
			</h3>
		</div>

		<?php 
    if ($submenu == 'general-settings' or $submenu == '') {
        ?>
			<div class="setting-content submenu">
				<script>
					jQuery( '.settings-submenu a' ).removeClass( 'current' );
					jQuery( '.settings-submenu a#general-settings' ).addClass( 'current' );
				</script>
				<h2><?php 
        _e('General Settings', 'ecommerce-product-catalog');
        ?>
</h2>

				<form method="post" action="options.php">
					<?php 
        settings_fields('product_settings');
        $product_currency = get_product_currency_code();
        $product_currency_settings = get_currency_settings();
        $enable_product_listing = get_option('enable_product_listing', 1);
        //$product_listing_url		 = product_listing_url();
        $product_archive = get_product_listing_id();
        $archive_multiple_settings = get_multiple_settings();
        /*
        					  $page_get					 = get_page_by_path( $product_listing_url );
        
        					  if ( $product_archive != '' ) {
        					  $new_product_listing_url = get_page_uri( $product_archive );
        					  if ( $new_product_listing_url != '' ) {
        					  update_option( 'product_listing_url', $new_product_listing_url );
        					  } else {
        					  update_option( 'product_listing_url', __( 'products', 'ecommerce-product-catalog' ) );
        					  }
        					  } else if ( !empty( $page_get->ID ) ) {
        					  update_option( 'product_archive', $page_get->ID );
        					  $product_archive = $page_get->ID;
        					  } */
        $disabled = '';
        if (!is_advanced_mode_forced()) {
            ?>
						<h3><?php 
            _e('Theme Integration', 'ecommerce-product-catalog');
            ?>
</h3><?php 
            if (get_integration_type() == 'simple') {
                $disabled = 'disabled';
            }
            if (is_integration_mode_selected()) {
                $selected = true;
                if (get_integration_type() == 'simple') {
                    implecode_warning('<p>' . __('The simple mode allows to use eCommerce Product Catalog most features. You can build the product listing pages and category pages by using a [show_products] shortcode. Simple mode uses your theme page layout so it can show unwanted elements on product page. If it does please switch to Advanced Mode and see if it works out of the box.', 'ecommerce-product-catalog') . '</p><p>' . __('Switching to Advanced Mode also gives additional features: automatic product listing, category pages, product search and category widget. Building a product catalog in Advanced Mode will be less time consuming as you don’t need to use a shortcode for everything.', 'ecommerce-product-catalog') . '</p>' . sample_product_button('p', __('Restart Integration Wizard', 'ecommerce-product-catalog')));
                }
                ?>
							<table>
								<?php 
                implecode_settings_radio(__('Choose theme integration type', 'ecommerce-product-catalog'), 'archive_multiple_settings[integration_type]', $archive_multiple_settings['integration_type'], array('simple' => __('Simple Integration', 'ecommerce-product-catalog'), 'advanced' => __('Advanced Integration', 'ecommerce-product-catalog')));
                ?>
</table>
							<table class="advanced_mode_settings"><?php 
                implecode_settings_number(__('Catalog Container Width', 'ecommerce-product-catalog'), 'archive_multiple_settings[container_width]', $archive_multiple_settings['container_width'], '%');
                implecode_settings_text_color(__('Catalog Container Background', 'ecommerce-product-catalog'), 'archive_multiple_settings[container_bg]', $archive_multiple_settings['container_bg']);
                implecode_settings_number(__('Catalog Container Padding', 'ecommerce-product-catalog'), 'archive_multiple_settings[container_padding]', $archive_multiple_settings['container_padding'], 'px');
                if (!defined('AL_SIDEBAR_BASE_URL')) {
                    implecode_settings_radio(__('Default Sidebar', 'ecommerce-product-catalog'), 'archive_multiple_settings[default_sidebar]', $archive_multiple_settings['default_sidebar'], array('none' => __('Disabled', 'ecommerce-product-catalog'), 'left' => __('Left', 'ecommerce-product-catalog'), 'right' => __('Right', 'ecommerce-product-catalog')));
                }
                implecode_settings_checkbox(__('Disable Product Name', 'ecommerce-product-catalog'), 'archive_multiple_settings[disable_name]', $archive_multiple_settings['disable_name']);
                ?>
							</table>
							<?php 
                if (get_integration_type() == 'advanced') {
                    echo sample_product_button('p', __('Restart Integration Wizard', 'ecommerce-product-catalog'));
                }
            } else {
                $selected = false;
                ?>
							<table style="display: none">
								<?php 
                implecode_settings_radio(__('Choose theme integration type', 'ecommerce-product-catalog'), 'archive_multiple_settings[integration_type]', $archive_multiple_settings['integration_type'], array('simple' => __('Simple Integration', 'ecommerce-product-catalog'), 'advanced' => __('Advanced Integration', 'ecommerce-product-catalog')));
                ?>
</table>
							<?php 
                echo '<a href="' . sample_product_url() . '" class="button-primary">' . __('Start Auto Adjustment', 'ecommerce-product-catalog') . '</a>';
            }
        }
        ?>
					<h3><?php 
        _e('Product Catalog', 'ecommerce-product-catalog');
        ?>
</h3>
					<table><?php 
        implecode_settings_text(__('Catalog Singular Name', 'ecommerce-product-catalog'), 'archive_multiple_settings[catalog_singular]', $archive_multiple_settings['catalog_singular'], null, 1, null, __('Admin panel customisation setting. Change it to what you sell.', 'ecommerce-product-catalog'));
        implecode_settings_text(__('Catalog Plural Name', 'ecommerce-product-catalog'), 'archive_multiple_settings[catalog_plural]', $archive_multiple_settings['catalog_plural'], null, 1, null, __('Admin panel customisation setting. Change it to what you sell.', 'ecommerce-product-catalog'));
        ?>
					</table>

					<h3><?php 
        _e('Product listing page', 'ecommerce-product-catalog');
        ?>
</h3><?php 
        /* if ( $disabled == 'disabled' ) {
        	  implecode_warning( sprintf( __( 'Product listing page is disabled with simple theme integration. See <a href="%s">Theme Integration Guide</a> to enable product listing page with pagination or use [show_products] shortcode on the page selected below.', 'ecommerce-product-catalog' ), 'https://implecode.com/wordpress/product-catalog/theme-integration-guide/#cam=simple-mode&key=product-listing' ) );
        	  } */
        if (!ic_check_rewrite_compatibility()) {
            implecode_warning(__('It seems that this page is already set to be a listing for different elements. Please change the product listing page to make sure that product pages work fine.<br><br>This is probably caused by other plugin being set to show items on the same page.', 'ecommerce-product-catalog'));
        }
        ?>
					<table>
						<tr>
							<td style="width: 180px">
								<?php 
        _e('Enable Product Listing Page', 'ecommerce-product-catalog');
        ?>
:
							</td>
							<td>
								<input title="<?php 
        _e('Disable and use [show_products] shortcode to display the products.', 'ecommerce-product-catalog');
        ?>
" type="checkbox" name="enable_product_listing" value="1"<?php 
        checked(1, $enable_product_listing);
        ?>
 />
							</td>
						</tr>
						<tr>
							<td>
								<?php 
        _e('Choose Product Listing Page', 'ecommerce-product-catalog');
        ?>
:
							</td>
							<td><?php 
        if ($enable_product_listing == 1) {
            $listing_url = product_listing_url();
            select_page('product_archive', __('Default', 'ecommerce-product-catalog'), $product_archive, true, $listing_url);
        } else {
            select_page('product_archive', __('Default', 'ecommerce-product-catalog'), $product_archive, true);
        }
        ?>
							</td>
						</tr> <?php 
        /*
        						  <tr>
        						  <td><?php _e('Product listing URL', 'ecommerce-product-catalog'); ?>:</td>
        						  <td class="archive-url-td"><a target="_blank" class="archive-url" href="<?php echo product_listing_url() ?>"><?php
        						  $listin_url = product_listing_url();
        						  $listin_urllen = strlen($listin_url);
        						  if ($listin_urllen > 40) {
        						  $listin_url = substr($listin_url, 0, 20).'...'.substr($listin_url, $listin_urllen - 20, $listin_urllen);
        						  }
        						  echo $listin_url;
        						  ?></a></td>
        						  </tr> */
        ?>
						<tr>
							<td><?php 
        _e('Product listing shows at most', 'ecommerce-product-catalog');
        ?>
 </td>
							<td><input
									title="<?php 
        _e('You can also use shortcode with products_limit attribute to set this.', 'ecommerce-product-catalog');
        ?>
"
									size="30" class="number-box" type="number" step="1" min="0"
									name="archive_multiple_settings[archive_products_limit]" id="archive_products_limit"
									value="<?php 
        echo $archive_multiple_settings['archive_products_limit'];
        ?>
"/> <?php 
        _e('products', 'ecommerce-product-catalog');
        ?>
								.
							</td>
						</tr><?php 
        implecode_settings_radio(__('Product listing shows', 'ecommerce-product-catalog'), 'archive_multiple_settings[product_listing_cats]', $archive_multiple_settings['product_listing_cats'], array('off' => __('Products', 'ecommerce-product-catalog'), 'on' => __('Products & Main Categories', 'ecommerce-product-catalog'), 'cats_only' => __('Main Categories', 'ecommerce-product-catalog')));
        $sort_options = get_product_sort_options();
        implecode_settings_radio(__('Product order', 'ecommerce-product-catalog'), 'archive_multiple_settings[product_order]', $archive_multiple_settings['product_order'], $sort_options, true, __('This is also the default setting for sorting drop-down.', 'ecommerce-product-catalog'));
        do_action('product_listing_page_settings');
        ?>
					</table><?php 
        //implecode_info(__('You can also use shortcode to show your products whenever you want on the website. Just paste on any page: [show_products] and you will display all products in place of the shortcode. <br><br>To show products from just one category, use: [show_products category="2"] where 2 is category ID (you can display several categories by inserting comma separated IDs). <br><br>To display products by IDs, use: [show_products product="5"], where 5 is product ID.', 'ecommerce-product-catalog'));
        ?>
					<h3><?php 
        _e('Categories Settings', 'ecommerce-product-catalog');
        ?>
</h3><?php 
        if ($disabled != '') {
            if ($selected) {
                implecode_warning(sprintf(__('Category pages are disabled with simple theme integration. See <a href="%s">Theme Integration Guide</a> to enable category pages or use [show_products category="1"] (where "1" is category ID) on any page to show products from certain category.', 'ecommerce-product-catalog'), 'https://implecode.com/wordpress/product-catalog/theme-integration-guide/#cam=simple-mode&key=categories-settings'));
            } else {
                implecode_warning(sprintf(__('Category pages are disabled due to a lack of theme integration.%s', 'ecommerce-product-catalog'), sample_product_button('p')));
            }
        }
        if (!ic_check_tax_rewrite_compatibility()) {
            implecode_warning(__('It seems that this categories parent URL is already set to be a parent for different elements. Please change the Categories Parent URL to make sure that product category pages work fine.<br><br>This is probably caused by other plugin being set to show categoires with the same parent.', 'ecommerce-product-catalog'));
        }
        ?>
					<table>
						<?php 
        if (is_ic_permalink_product_catalog()) {
            ?>
							<tr>
								<td><?php 
            _e('Categories Parent URL', 'ecommerce-product-catalog');
            ?>
:</td>
								<?php 
            $site_url = site_url();
            $urllen = strlen($site_url);
            if ($urllen > 25) {
                $site_url = ic_substr($site_url, 0, 11) . '...' . ic_substr($site_url, $urllen - 11, $urllen);
            }
            ?>
								<td class="longer"><?php 
            echo $site_url;
            ?>
/<input <?php 
            echo $disabled;
            ?>
 type="text"
																										  name="archive_multiple_settings[category_archive_url]"
																										  title="<?php 
            _e('Cannot be the same as product listing page slug.', 'ecommerce-product-catalog');
            ?>
"
																										  id="category_archive_url"
																										  value="<?php 
            echo urldecode(sanitize_title($archive_multiple_settings['category_archive_url']));
            ?>
"/>/<?php 
            _e('category-name', 'ecommerce-product-catalog');
            ?>
									/
								</td>
							</tr><?php 
        }
        implecode_settings_radio(__('Category Page shows', 'ecommerce-product-catalog'), 'archive_multiple_settings[category_top_cats]', $archive_multiple_settings['category_top_cats'], array('off' => __('Products', 'ecommerce-product-catalog'), 'on' => __('Products & Subcategories', 'ecommerce-product-catalog'), 'only_subcategories' => __('Subcategories', 'ecommerce-product-catalog')));
        implecode_settings_radio(__('Categories Display', 'ecommerce-product-catalog'), 'archive_multiple_settings[cat_template]', $archive_multiple_settings['cat_template'], array('template' => __('Template', 'ecommerce-product-catalog'), 'link' => __('URLs', 'ecommerce-product-catalog')), true, array('template' => __('Display categories with the same listing theme as products.', 'ecommerce-product-catalog'), 'link' => __('Display categories as simple links.', 'ecommerce-product-catalog')));
        implecode_settings_checkbox(__('Disable Image on Category Page', 'ecommerce-product-catalog'), 'archive_multiple_settings[cat_image_disabled]', $archive_multiple_settings['cat_image_disabled']);
        implecode_settings_radio(__('Show Related', 'ecommerce-product-catalog'), 'archive_multiple_settings[related]', $archive_multiple_settings['related'], array('products' => __('Products', 'ecommerce-product-catalog'), 'categories' => __('Categories', 'ecommerce-product-catalog')));
        do_action('product_category_settings', $archive_multiple_settings);
        ?>
					</table>
					<h3><?php 
        _e('SEO Settings', 'ecommerce-product-catalog');
        ?>
</h3><?php 
        if ($disabled != '') {
            if ($selected) {
                implecode_warning(sprintf(__('SEO settings are disabled with simple theme integration. See <a href="%s">Theme Integration Guide</a> to enable SEO settings.', 'ecommerce-product-catalog'), 'https://implecode.com/wordpress/product-catalog/theme-integration-guide/#cam=simple-mode&key=seo-settings'));
            } else {
                implecode_warning(sprintf(__('SEO settings are disabled due to a lack of theme integration.%s', 'ecommerce-product-catalog'), sample_product_button('p')));
            }
        }
        ?>
					<table>
						<?php 
        implecode_settings_text(__('Archive SEO Title', 'ecommerce-product-catalog'), 'archive_multiple_settings[seo_title]', $archive_multiple_settings['seo_title']);
        implecode_settings_checkbox(__('Enable SEO title separator', 'ecommerce-product-catalog'), 'archive_multiple_settings[seo_title_sep]', $archive_multiple_settings['seo_title_sep']);
        ?>

					</table>
					<h3><?php 
        _e('Breadcrumbs Settings', 'ecommerce-product-catalog');
        ?>
</h3><?php 
        if ($disabled != '') {
            if ($selected) {
                implecode_warning(sprintf(__('Breadcrumbs are disabled with simple theme integration. See <a href="%s">Theme Integration Guide</a> to enable product breadcrumbs.', 'ecommerce-product-catalog'), 'https://implecode.com/wordpress/product-catalog/theme-integration-guide/#cam=simple-mode&key=breadcrumbs-settings'));
            } else {
                implecode_warning(sprintf(__('Breadcrumbs are disabled due to a lack of theme integration.%s', 'ecommerce-product-catalog'), sample_product_button('p')));
            }
        }
        ?>
					<table>
						<tr>
							<td><?php 
        _e('Enable Product Breadcrumbs:', 'ecommerce-product-catalog');
        ?>
 </td>
							<td><input <?php 
        echo $disabled;
        ?>
 type="checkbox"
															   name="archive_multiple_settings[enable_product_breadcrumbs]"
															   value="1"<?php 
        checked(1, isset($archive_multiple_settings['enable_product_breadcrumbs']) ? $archive_multiple_settings['enable_product_breadcrumbs'] : '');
        ?>
 />
							</td>
						</tr>
						<tr>
							<td><?php 
        _e('Product listing breadcrumbs title:', 'ecommerce-product-catalog');
        ?>
 </td>
							<td><input <?php 
        echo $disabled;
        ?>
 type="text"
															   name="archive_multiple_settings[breadcrumbs_title]"
															   id="breadcrumbs_title"
															   value="<?php 
        echo $archive_multiple_settings['breadcrumbs_title'];
        ?>
"/>
							</td>
						</tr>

					</table>
					<h3><?php 
        _e('Payment and currency', 'ecommerce-product-catalog');
        ?>
</h3>
					<table id="payment_table">
						<thead>
							<?php 
        implecode_settings_radio(__('Price', 'ecommerce-product-catalog'), 'product_currency_settings[price_enable]', $product_currency_settings['price_enable'], array('on' => __('On', 'ecommerce-product-catalog'), 'off' => __('Off', 'ecommerce-product-catalog')));
        ?>
						</thead>
						<tbody><?php 
        do_action('payment_settings_table_start');
        ?>
							<tr>
								<td><?php 
        _e('Your currency', 'ecommerce-product-catalog');
        ?>
:</td>
								<td><select id="product_currency" name="product_currency">
										<?php 
        $currencies = available_currencies();
        foreach ($currencies as $currency) {
            ?>
											<option name="product_currency[<?php 
            echo $currency;
            ?>
]"
													value="<?php 
            echo $currency;
            ?>
"<?php 
            selected($currency, $product_currency);
            ?>
><?php 
            echo $currency;
            ?>
</option>
												<?php 
        }
        ?>
									</select></td>
								<td rowspan="4">
									<div
										class="al-box info"><?php 
        _e('If you choose custom currency symbol, it will override "Your Currency" setting. This is very handy if you want to use not supported currency or a preferred symbol for your currency.', 'ecommerce-product-catalog');
        ?>
</div>
								</td>
							</tr>
							<tr>
								<td><?php 
        _e('Custom Currency Symbol', 'ecommerce-product-catalog');
        ?>
:</td>
								<td><input type="text" name="product_currency_settings[custom_symbol]"
										   class="small_text_box" id="product_currency_settings"
										   value="<?php 
        echo $product_currency_settings['custom_symbol'];
        ?>
"/></td>
							</tr>
							<?php 
        implecode_settings_radio(__('Currency position', 'ecommerce-product-catalog'), 'product_currency_settings[price_format]', $product_currency_settings['price_format'], array('before' => __('Before Price', 'ecommerce-product-catalog'), 'after' => __('After Price', 'ecommerce-product-catalog')));
        implecode_settings_radio(__('Space between currency & price', 'ecommerce-product-catalog'), 'product_currency_settings[price_space]', $product_currency_settings['price_space'], array('on' => __('On', 'ecommerce-product-catalog'), 'off' => __('Off', 'ecommerce-product-catalog')));
        implecode_settings_text(__('Thousands Separator', 'ecommerce-product-catalog'), 'product_currency_settings[th_sep]', $product_currency_settings['th_sep'], null, 1, 'small_text_box');
        implecode_settings_text(__('Decimal Separator', 'ecommerce-product-catalog'), 'product_currency_settings[dec_sep]', $product_currency_settings['dec_sep'], null, 1, 'small_text_box');
        ?>
						</tbody>
					</table>
					<script>jQuery( document ).ready( function () {
							jQuery( "input[name=\"product_currency_settings[price_enable]\"]" ).change( function () {
								if ( jQuery( this ).val() == 'off' && jQuery( this ).is( ':checked' ) ) {
									jQuery( "#payment_table tbody" ).hide( "slow" );
								}
								else {
									jQuery( "#payment_table tbody" ).show( "slow" );
								}
							} );
							jQuery( "input[name=\"product_currency_settings[price_enable]\"]" ).trigger( "change" );
		                        } );</script>
					<h3><?php 
        _e('Additional Settings', 'ecommerce-product-catalog');
        ?>
</h3>
					<table><?php 
        implecode_settings_checkbox(__('Disable SKU', 'ecommerce-product-catalog'), 'archive_multiple_settings[disable_sku]', $archive_multiple_settings['disable_sku']);
        ?>
					</table>
					<?php 
        do_action('general-settings');
        ?>
					<p class="submit">
						<input type="submit" class="button-primary"
							   value="<?php 
        _e('Save changes', 'ecommerce-product-catalog');
        ?>
"/>
					</p>
				</form>
			</div>
			<div class="helpers">
				<div class="wrapper"><?php 
        main_helper();
        doc_helper(__('shortcode', 'ecommerce-product-catalog'), 'product-catalog-shortcodes');
        doc_helper(__('sorting', 'ecommerce-product-catalog'), 'product-order-settings');
        //did_know_helper('support', __('You can get instant support by email','ecommerce-product-catalog'), 'https://implecode.com/wordpress/plugins/premium-support/')
        ?>
				</div>
			</div>
			<?php 
    }
    do_action('product-settings');
    permalink_options_update();
    ?>
	</div>

	<?php 
}