Forums / All Other Contributions/Addons / css javascript loader addon problems

css javascript loader addon problems

Started by tony_sar on 24 May 2010, 11:22 PM · Views: 61,262

Results 61 to 80 of 111
20 Feb 2011, 12:06 PM
#61
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

css javascript loader addon problems

Thanks for the response. I have tried the other html_header files in this thread as well. I'm tried to install this darn fec on several occasions and I can never get past this silly css loader.

I'll just keep poking around this forum, hopefully someone else will have this issue and it get answered. I've seen several who have had this issue but it was listed in the forum years ago. I've tried to ask them through pm what they did, but no response.

Thank you anyway. :smile:

26 Feb 2011, 9:14 AM
#63
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: css javascript loader addon problems

Yes, my PHP version in my server information on zen cart is at 5.2.14 should be fine right? Still stuck.

26 Feb 2011, 6:29 PM
#64
rebelman avatar

rebelman

New Zenner

Join Date:
Nov 2010
Posts:
53
Plugin Contributions:
0

Re: css javascript loader addon problems

Hi all,
I have installed CSS/Javascript Loader - but after trying merging my existing html_header.php with the installation file my site doesn't work - I then added code which I found on this forum and my site loads but breaks when I add a product to the shopping cart.

Below is the code that was originally in my html_header.php file:

<?php
/**
 * Common Template
 *
 * outputs the html header. i,e, everything that comes before the \</head\> tag <br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2010 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: html_header.php 15761 2010-03-31 19:31:27Z drbyte $
 */
/**
 * load the module for generating page meta-tags
 */
require(DIR_WS_MODULES . zen_get_module_directory('meta_tags.php'));
/**
 * output main page HEAD tag and related headers/meta-tags, etc
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?>>
<head>
<title><?php echo META_TAG_TITLE; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
<meta name="keywords" content="<?php echo META_TAG_KEYWORDS; ?>" />
<meta name="description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart™ Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart™, http://www.zen-cart.com eCommerce" />
<?php if (defined('ROBOTS_PAGES_TO_SKIP') && in_array($current_page_base,explode(",",constant('ROBOTS_PAGES_TO_SKIP'))) || $current_page_base=='down_for_maintenance' || $robotsNoIndex === true) { ?>
<meta name="robots" content="noindex, nofollow" />
<?php } ?>
<?php if (defined('FAVICON')) { ?>
<link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<?php } //endif FAVICON ?>

<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER . DIR_WS_HTTPS_CATALOG : HTTP_SERVER . DIR_WS_CATALOG ); ?>" />
<?php if (isset($canonicalLink) && $canonicalLink != '') { ?>
<link rel="canonical" href="<?php echo $canonicalLink; ?>" />
<?php } ?>

<?php
/**
 * load all template-specific stylesheets, named like "style*.css", alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^style/', '.css');
  while(list ($key, $value) = each($directory_array)) {
    echo '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '" />'."\n";
  }
/**
 * load stylesheets on a per-page/per-language/per-product/per-manufacturer/per-category basis. Concept by Juxi Zoza.
 */
  $manufacturers_id = (isset($_GET['manufacturers_id'])) ? $_GET['manufacturers_id'] : '';
  $tmp_products_id = (isset($_GET['products_id'])) ? (int)$_GET['products_id'] : '';
  $tmp_pagename = ($this_is_home_page) ? 'index_home' : $current_page_base;
  if ($current_page_base == 'page' && isset($ezpage_id)) $tmp_pagename = $current_page_base . (int)$ezpage_id;
  $sheets_array = array('/' . $_SESSION['language'] . '_stylesheet',
                        '/' . $tmp_pagename,
                        '/' . $_SESSION['language'] . '_' . $tmp_pagename,
                        '/c_' . $cPath,
                        '/' . $_SESSION['language'] . '_c_' . $cPath,
                        '/m_' . $manufacturers_id,
                        '/' . $_SESSION['language'] . '_m_' . (int)$manufacturers_id,
                        '/p_' . $tmp_products_id,
                        '/' . $_SESSION['language'] . '_p_' . $tmp_products_id
                        );
  while(list ($key, $value) = each($sheets_array)) {
    //echo "<!--looking for: $value-->\n";
    $perpagefile = $template->get_template_dir('.css', DIR_WS_TEMPLATE, $current_page_base, 'css') . $value . '.css';
    if (file_exists($perpagefile)) echo '<link rel="stylesheet" type="text/css" href="' . $perpagefile .'" />'."\n";
  }

/**
 * load printer-friendly stylesheets -- named like "print*.css", alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^print/', '.css');
  sort($directory_array);
  while(list ($key, $value) = each($directory_array)) {
    echo '<link rel="stylesheet" type="text/css" media="print" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '" />'."\n";
  }

/**
 * load all site-wide jscript_*.js files from includes/templates/YOURTEMPLATE/jscript, alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.js',DIR_WS_TEMPLATE, $current_page_base,'jscript'), '/^jscript_/', '.js');
  while(list ($key, $value) = each($directory_array)) {
    echo '<script type="text/javascript" src="' .  $template->get_template_dir('.js',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/' . $value . '"></script>'."\n";
  }

/**
 * load all page-specific jscript_*.js files from includes/modules/pages/PAGENAME, alphabetically
 */
  $directory_array = $template->get_template_part($page_directory, '/^jscript_/', '.js');
  while(list ($key, $value) = each($directory_array)) {
    echo '<script type="text/javascript" src="' . $page_directory . '/' . $value . '"></script>' . "\n";
  }

/**
 * load all site-wide jscript_*.php files from includes/templates/YOURTEMPLATE/jscript, alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.php',DIR_WS_TEMPLATE, $current_page_base,'jscript'), '/^jscript_/', '.php');
  while(list ($key, $value) = each($directory_array)) {
/**
 * include content from all site-wide jscript_*.php files from includes/templates/YOURTEMPLATE/jscript, alphabetically.
 * These .PHP files can be manipulated by PHP when they're called, and are copied in-full to the browser page
 */
    require($template->get_template_dir('.php',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/' . $value); echo "\n";
  }
/**
 * include content from all page-specific jscript_*.php files from includes/modules/pages/PAGENAME, alphabetically.
 */
  $directory_array = $template->get_template_part($page_directory, '/^jscript_/');
  while(list ($key, $value) = each($directory_array)) {
/**
 * include content from all page-specific jscript_*.php files from includes/modules/pages/PAGENAME, alphabetically.
 * These .PHP files can be manipulated by PHP when they're called, and are copied in-full to the browser page
 */
    require($page_directory . '/' . $value); echo "\n";
  }

// DEBUG: echo '<!-- I SEE cat: ' . $current_category_id . ' || vs cpath: ' . $cPath . ' || page: ' . $current_page . ' || template: ' . $current_template . ' || main = ' . ($this_is_home_page ? 'YES' : 'NO') . ' -->';


?>
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="includes/templates/alysa_rounded/css/ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="includes/templates/alysa_rounded/css/ie7.css" /><![endif]-->
</head>
<?php // NOTE: Blank line following is intended: ?>

I replace the above code with the code below which I got from this forum:

<?php
/**
 * Common Template
 *
 * outputs the html header. i,e, everything that comes before the \</head\> tag <br />
 * 
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: html_header.php 6948 2007-09-02 23:30:49Z drbyte $
 */
/**
 * load the module for generating page meta-tags
 */
require(DIR_WS_MODULES . zen_get_module_directory('meta_tags.php'));
/**
 * output main page HEAD tag and related headers/meta-tags, etc
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
<title><?php echo META_TAG_TITLE; ?></title>

<meta name="keywords" content="<?php echo META_TAG_KEYWORDS; ?>" />
<meta name="description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="<?php echo STORE_NAME .', ' . TEMPLATE_DESIGN_TEXT . ', shopping cart program by Zen Cart™, http://www.zen-cart.com eCommerce';?>" />
<meta name="generator" content="shopping cart program by Zen Cart™, http://www.zen-cart.com eCommerce" />
<?php if (defined('ROBOTS_PAGES_TO_SKIP') && in_array($current_page_base,explode(",",constant('ROBOTS_PAGES_TO_SKIP'))) || $current_page_base=='down_for_maintenance' || $robotsNoIndex === true) { ?>
<meta name="robots" content="noindex, nofollow" />
<?php } ?>
<?php if (defined('FAVICON')) { ?>
<link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<?php } //endif FAVICON ?>

<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER . DIR_WS_HTTPS_CATALOG : HTTP_SERVER . DIR_WS_CATALOG ); ?>" />
<?php if (isset($canonicalLink) && $canonicalLink != '') { ?>
<link rel="canonical" href="<?php echo $canonicalLink; ?>" />
<?php } ?>

<?php
/**
* load the loader files
*/

if($RI_CJLoader->get('status')){
    $directory_array = $template->get_template_part(DIR_WS_TEMPLATE.'auto_loaders', '/^loader_/', '.php');
    
    $loaders_check = $RI_CJLoader->get('loaders');
    if($loaders_check == '*' || count($loaders_check) > 0){
        while(list ($key, $value) = each($directory_array)) {
        /**
        * include content from all site-wide loader_*.php files from includes/templates/YOURTEMPLATE/jscript/auto_loaders, alphabetically.
        */
            if($loaders_check == '*' || in_array($value, $loaders_check))
                require(DIR_WS_TEMPLATE.'auto_loaders'. '/' . $value);
        }
    }
    
    $RI_CJLoader->loadCssJsFiles();
    $files = $RI_CJLoader->processCssJsFiles();
    foreach($files['css'] as $file)
        if($file['include']) include($file['string']);
        else echo $file['string'];
        
    foreach($files['js'] as $file)
        if($file['include']) include($file['string']);
        else echo $file['string'];
}
//DEBUG: echo '<!-- I SEE cat: ' . $current_category_id . ' || vs cpath: ' . $cPath . ' || page: ' . $current_page . ' || template: ' . $current_template . ' || main = ' . ($this_is_home_page ? 'YES' : 'NO') . ' -->';
?>
</head>
<?php // NOTE: Blank line following is intended: ?> 

I appreciate any help...thanks a mill

26 Feb 2011, 10:51 PM
#65
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: css javascript loader addon problems

same thing happened to me. I was not able to figure it out yet though. :no:

26 Feb 2011, 11:24 PM
#66
rebelman avatar

rebelman

New Zenner

Join Date:
Nov 2010
Posts:
53
Plugin Contributions:
0

Re: css javascript loader addon problems

Hi joyjoy, I sorted the problem. I used the debugging error logging utility and found the error was caused due to a recent addon to insert Paypal sidebox - The file name was paypal_creditcards_sidebox_defines. Therefore I assume there must be a file that you recently edited that could be causing the problem. I suggest you check the logs - includes/cache (if using 1.3.9) or download the utility from the addon area.

27 Feb 2011, 2:04 AM
#67
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: css javascript loader addon problems

Thank you for the suggestion. I've been trying to use the fast & easy checkout mod, the css jscript loader is part of it and I just can't get it installed. I don't even know how to use debuggnig/error logs though, I guess that would be a good place to start!

Thank you again!

27 Feb 2011, 4:33 AM
#68
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: css javascript loader addon problems

Help! I'm sooo close!

Okay so I was having errors and it's because some of the old css/jscript loader files were clashing with the ricj(yellow1219 version) files. So I was able to load all files and sql script successfully. But here's my problem now...

When I go to my admin screen, in configurations when I click the css/jsloader box I get the tables but it's blank. No enable/disable options. WHAT AM I DOING WRONG HERE? Someone please help... :cry:

27 Feb 2011, 1:01 PM
#69
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: css javascript loader addon problems

joyjoy:

Help! I'm sooo close!

Okay so I was having errors and it's because some of the old css/jscript loader files were clashing with the ricj(yellow1219 version) files. So I was able to load all files and sql script successfully. But here's my problem now...

When I go to my admin screen, in configurations when I click the css/jsloader box I get the tables but it's blank. No enable/disable options. WHAT AM I DOING WRONG HERE? Someone please help... :cry:

I finally got the css jscript loader installed! I found a post in the Numinex forum from May 2010 regarding this. I needed to process the uninstall sql patch for the loader. After that I also needed to run this sql patch:
DELETE FROM configuration WHERE configuration_key = '';

Then reinstall the sql patch. It works. Now on the 2nd part of the fec install. :smile:

25 May 2011, 12:31 AM
#70
adam2020 avatar

adam2020

New Zenner

Join Date:
Nov 2009
Posts:
33
Plugin Contributions:
0

Re: css javascript loader addon problems

When I enable minify I lose css formatting: http://test2.letsdressup.com.au

In the source of http://test2.letsdressup.com.au you can click the link to css file to see its full of errors.

This is how it should be: http://test.letsdressup.com.au which doesn't have minify enabled. Everything works except for errors in Change Addresses on the checkout page.

Can anyone shed some light on this? I think it is something to do with sites_switch.php file from the multisite mod.

sites_switch.php...

$default_server_name = $_SERVER['HTTP_HOST'];
	$config_file = $default_server_name.'_config.php';
 // echo $config_file;
//  exit;
	if(file_exists("includes/config_sites/".$config_file)) {
		include("includes/config_sites/".$config_file);
	} else {
		echo "the domain ".$default_server_name." does not exist.";
		exit;
	}

	//Name of the site that is written in the categories
	define('SITE_NAME',$default_server_name); // JCK changed from $config_file 7/23/09
	//The order for this site will be seen for ORDER_SITE from the admin section
	define('ORDER_SITE',SITE_NAME);
  	define('HTTP_SERVER', "http://".$default_server_name);
  	define('HTTPS_SERVER', "https://".$default_server_name);
  	
  	//Define the parent category as 0 if not defined
	define('CATEGORIES_ROOT','0');

I've used js loader and fast and easy checkout before but this is the first time with multisite.

I really need multisite for this client as he wants a mobile version of site http://m.letsdressup.com.au and multisite is the only way i know how to do this.

Any help will be greatly appreciated. :smile:

7 Jun 2011, 1:09 PM
#72
steveyork136 avatar

steveyork136

New Zenner

Join Date:
Nov 2005
Posts:
84
Plugin Contributions:
0

Re: css javascript loader addon problems

I'm having trouble with the latest version,

the html_header.php can see the css files on my site (i've echo them out as strings) but the code below does not seem to output them to the header as css/js files paths.

 foreach($files['css'] as $file)
  	if($file['include']) include($file['string']);
  	else echo $file['string'];

  foreach($files['js'] as $file)
  	if($file['include']) include($file['string']);
  	else echo $file['string'];

I've got IH3 but no other public side mods.

Anyone else struggling?

11 Oct 2011, 11:36 AM
#73
flawedporcelain avatar

flawedporcelain

New Zenner

Join Date:
Sep 2011
Posts:
6
Plugin Contributions:
0

Re: css javascript loader addon problems

What if we dont have a html header file in our cart directory and instead have a tpl_main_page.php

Would we insert the code there?

11 Oct 2011, 12:27 PM
#74
blessisaacola avatar

blessisaacola

Totally Zenned

Join Date:
Feb 2004
Location:
Georgia, USA
Posts:
1,875
Plugin Contributions:
1

Re: css javascript loader addon problems

FlawedPorcelain:

What if we dont have a html header file in our cart directory and instead have a tpl_main_page.php

Would we insert the code there?

That's impossible because it's a file required by Zen Cart to work. You might have it in the default template (in which case you'll want to move it to your custom template). By default the file is located in: /includes/templates/template_default/common

12 Oct 2011, 3:02 PM
#75
dickturpin avatar

dickturpin

New Zenner

Join Date:
Oct 2006
Location:
UK
Posts:
27
Plugin Contributions:
0

Re: css javascript loader addon problems

Hi guys, I installed the latest version of this mod about a month ago and it has really helped to reduce my cpu usage but I have found that a possible compatibility issue with the css code of order_steps__tableless. This other mod displays correctly if I disable CSS/JS Loader but when enabled it doesn't display as intended.

Reading the instructions on the readme it says takes advantage of the per page stylesheet system introduced in Zen Cart version 1.3+. Could this be the area of the problem. All other formatting works as intended otherwise. It's probably something I've missed but I would like to get to the bottom of it.

Thanks in advance

When the going gets tough, the tough take a coffee break.

visit my store at: http://www.mysticminds.co.uk/store

29 Nov 2011, 8:25 PM
#76
inception avatar

inception

New Zenner

Join Date:
Jun 2011
Posts:
63
Plugin Contributions:
0

Re: css javascript loader addon problems

i want to load the js and css file to popup_search_help page,
$loaders[] = array('conditions' => array('pages' => array('popup_search_help') doesn't work
what do i load them ?

29 Nov 2011, 11:39 PM
#77
redbaron2 avatar

redbaron2

New Zenner

Join Date:
Dec 2010
Posts:
16
Plugin Contributions:
0

Re: css javascript loader addon problems

inception:

i want to load the js and css file to popup_search_help page,

$loaders[] = array('conditions' => array('pages' => array('popup_search_help')

> what do i load them ?

I guess the question is are the css/js files needed only for the popup_search_help page or for all pages?

If it is for all pages then just put '*' in the pages array like
```php
$loaders[] = array(
	'conditions' => 
		array(
			'pages' => pages' => array('*')  

This will put the css/js files on every page for zencart.

DickTurpin:

Hi guys, I installed the latest version of this mod about a month ago and it has really helped to reduce my cpu usage but I have found that a possible compatibility issue with the css code of order_steps__tableless. This other mod displays correctly if I disable CSS/JS Loader but when enabled it doesn't display as intended.

If this is the same as contribution. The only problem I can see is that the contribution doesn't use yellow's autoloader file. You can make your own autoloader for the checkout pages just replace the '*' with 'checkout' for the pages array. This makes it easier to manage the css/js files for your site IMHO.

RedBaron:

I do have one question about the new Zen Cart v1.5, and hopefully some of those working on it can answer. The new html_header.php in ZCv1.5 uses a bit of code from this contribution ( I hope with blessings ), but is this better than using a require call or the way it is done in the latest version of yellow's work? My main reason for the question is because of file size. It is a major bit of php code that was just kind of dumped into the file it does no minification, but does load all css/js files needed for the page. Thanks in advance.

Red Baron
Happy to be Zenning today

29 Nov 2011, 11:53 PM
#78
inception avatar

inception

New Zenner

Join Date:
Jun 2011
Posts:
63
Plugin Contributions:
0

Re: css javascript loader addon problems

Redbaron2:

I guess the question is are the css/js files needed only for the popup_search_help page or for all pages?

If it is for all pages then just put '*' in the pages array like

$loaders[] = array(
'conditions' =>
array(
'pages' => pages' => array('*')

> 
> This will put the css/js files on every page for zencart.
> 
> 
> 
> If this is the same as [contribution](http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=408). The only problem I can see is that the contribution doesn't use yellow's autoloader file. You can make your own autoloader for the checkout pages just replace the '*' with 'checkout' for the pages array. This makes it easier to manage the css/js files for your site IMHO.

some js and css are needed only for popup_search_help page and product_info page, i wanna add my own function to these two pages.

i've tried adding $loaders[] = array('conditions' => array('pages' => pages' => array('*'), 
then i found the js and css files are loaded by the other pages such as product_info, shopping_cart ... except popup_search_help, this page is a bit special, not like the other pages

any ideas?
30 Nov 2011, 1:53 AM
#79
redbaron2 avatar

redbaron2

New Zenner

Join Date:
Dec 2010
Posts:
16
Plugin Contributions:
0

Re: css javascript loader addon problems

inception:

some js and css are needed only for popup_search_help page and product_info page, i wanna add my own function to these two pages.

i've tried adding $loaders[] = array('conditions' => array('pages' => pages' => array('*'),
then i found the js and css files are loaded by the other pages such as product_info, shopping_cart ... except popup_search_help, this page is a bit special, not like the other pages

any ideas?

inception in that case I would use something like this in the autoloader. ```php
$pages = ($_GET['main_page'] == 'popup_search_help') ? '*' : '' ;
$loaders[] = array(
'conditions' =>
array(
'pages' => pages' => array($pages)

This could be a slight bug in the program, but the above code will work to only load the loader css/js files on that page. This is a quick and dirty way of getting the css/js files only for said page.

Red Baron
Happy to be Zenning today

19 Apr 2012, 6:06 AM
#80
pityocamptes avatar

pityocamptes

New Zenner

Join Date:
Aug 2007
Posts:
77
Plugin Contributions:
0

Re: css javascript loader addon problems

Really need help. Downloaded newest version of FEC and the newest version of JCLOADER along with the newest version of zencart and my easyslide does not work anymore!!! How can I fix this? Thanks!!! Here is my header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>New World Treasure, The Art of Custom Jewelry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Bracelets Necklaces Lipstick Compacts ecommerce, open source, shop, online shopping " />
<meta name="description" content="New World Treasure :  - Bracelets Necklaces Lipstick Compacts ecommerce, open source, shop, online shopping" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart™ Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart™, http://www.zen-cart.com eCommerce" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<base href="https://newworldtreasure.com/" />

<link rel="stylesheet" type="text/css" media="print" href="includes/templates/ashley_pink/css/print_stylesheet.css" />
<link rel="stylesheet" type="text/css" href="min/?f=/includes/templates/ashley_pink/css/stylesheet.css,/includes/templates/ashley_pink/css/stylesheet_betterCategoriesEzInfo.css,/includes/templates/ashley_pink/css/stylesheet_css_buttons.css,/includes/templates/ashley_pink/css/stylesheet_dotline.css,/includes/templates/ashley_pink/css/stylesheet_footer_menu.css&1332479333" />
<script type="text/javascript" src="min/?f=/includes/templates/ashley_pink/jscript/jscript_googleanalytics.js,/includes/templates/ashley_pink/jscript/jscript_jquery.js&1332479333"></script>
<script type="text/javascript">
<!--
/*
 * 	Easy Slider 1.7 - jQuery plugin
 *	written by Alen Grakalic	
 *	http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
 *
 *	Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */
 
/*
 *	markup example for $("#slider").easySlider();
 *	
 * 	<div id="slider">
 *		<ul>
 *			<li><img src="images/01.jpg" alt="" /></li>
 *			<li><img src="images/02.jpg" alt="" /></li>
 *			<li><img src="images/03.jpg" alt="" /></li>
 *			<li><img src="images/04.jpg" alt="" /></li>
 *			<li><img src="images/05.jpg" alt="" /></li>
 *		</ul>
 *	</div>
 *
 */


(function($) {

	$.fn.easySlider = function(options){
	  
		// default configuration properties
		var defaults = {			
			prevId: 		'prevBtn',
			prevText: 		'Previous',
			nextId: 		'nextBtn',	
			nextText: 		'Next',
			controlsShow:	true,
			controlsBefore:	'',
			controlsAfter:	'',	
			controlsFade:	true,
			firstId: 		'firstBtn',
			firstText: 		'First',
			firstShow:		false,
			lastId: 		'lastBtn',	
			lastText: 		'Last',
			lastShow:		false,				
			vertical:		false,
			speed: 			2000,
			auto:			false,
			pause:			3000,
			continuous:		false, 
			numeric: 		false,
			numericId: 		'controls'
		}; 
		
		var options = $.extend(defaults, options);  
				
		this.each(function() {  
			var obj = $(this); 				
			var s = $("li", obj).length;
			var w = $("li", obj).width(); 
			var h = $("li", obj).height(); 
			var clickable = true;
			obj.width(w); 
			obj.height(h); 
			obj.css("overflow","hidden");
			var ts = s-1;
			var t = 0;
			$("ul", obj).css('width',s*w);			
			
			if(options.continuous){
				$("ul", obj).prepend($("ul li:last-child", obj).clone().css("margin-left","-"+ w +"px"));
				$("ul", obj).append($("ul li:nth-child(2)", obj).clone());
				$("ul", obj).css('width',(s+1)*w);
			};				
			
			if(!options.vertical) $("li", obj).css('float','left');
								
			if(options.controlsShow){
				var html = options.controlsBefore;				
				if(options.numeric){
					html += '<div id="control_div"><ol id="'+ options.numericId +'"></div></ol>';
				} else {
					if(options.firstShow) html += '<span id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></span>';
					html += ' <span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
					html += ' <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>';
					if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></span>';				
				};
				
				html += options.controlsAfter;						
				$(obj).after(html);										
			};
			
			if(options.numeric){									
				for(var i=0;i<s;i++){						
					$(document.createElement("li"))
						.attr('id',options.numericId + (i+1))
						.html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
						.appendTo($("#"+ options.numericId))
						.click(function(){							
							animate($("a",$(this)).attr('rel'),true);
						}); 												
				};							
			} else {
				$("a","#"+options.nextId).click(function(){		
					animate("next",true);
				});
				$("a","#"+options.prevId).click(function(){		
					animate("prev",true);				
				});	
				$("a","#"+options.firstId).click(function(){		
					animate("first",true);
				});				
				$("a","#"+options.lastId).click(function(){		
					animate("last",true);				
				});				
			};
			
			function setCurrent(i){
				i = parseInt(i)+1;
				$("li", "#" + options.numericId).removeClass("current");
				$("li#" + options.numericId + i).addClass("current");
			};
			
			function adjust(){
				if(t>ts) t=0;		
				if(t<0) t=ts;	
				if(!options.vertical) {
					$("ul",obj).css("margin-left",(t*w*-1));
				} else {
					$("ul",obj).css("margin-left",(t*h*-1));
				}
				clickable = true;
				if(options.numeric) setCurrent(t);
			};
			
			function animate(dir,clicked){
				if (clickable){
					clickable = false;
					var ot = t;				
					switch(dir){
						case "next":
							t = (ot>=ts) ? (options.continuous ? t+1 : ts) : t+1;						
							break; 
						case "prev":
							t = (t<=0) ? (options.continuous ? t-1 : 0) : t-1;
							break; 
						case "first":
							t = 0;
							break; 
						case "last":
							t = ts;
							break; 
						default:
							t = dir;
							break; 
					};	
					var diff = Math.abs(ot-t);
					var speed = diff*options.speed;						
					if(!options.vertical) {
						p = (t*w*-1);
						$("ul",obj).animate(
							{ marginLeft: p }, 
							{ queue:false, duration:speed, complete:adjust }
						);				
					} else {
						p = (t*h*-1);
						$("ul",obj).animate(
							{ marginTop: p }, 
							{ queue:false, duration:speed, complete:adjust }
						);					
					};
					
					if(!options.continuous && options.controlsFade){					
						if(t==ts){
							$("a","#"+options.nextId).hide();
							$("a","#"+options.lastId).hide();
						} else {
							$("a","#"+options.nextId).show();
							$("a","#"+options.lastId).show();					
						};
						if(t==0){
							$("a","#"+options.prevId).hide();
							$("a","#"+options.firstId).hide();
						} else {
							$("a","#"+options.prevId).show();
							$("a","#"+options.firstId).show();
						};					
					};				
					
					if(clicked) clearTimeout(timeout);
					if(options.auto && dir=="next" && !clicked){;
						timeout = setTimeout(function(){
							animate("next",false);
						},diff*options.speed+options.pause);
					};
			
				};
				
			};
			// init
			var timeout;
			if(options.auto){;
				timeout = setTimeout(function(){
					animate("next",false);
				},options.pause);
			};		
			
			if(options.numeric) setCurrent(0);
		
			if(!options.continuous && options.controlsFade){					
				$("a","#"+options.prevId).hide();
				$("a","#"+options.firstId).hide();				
			};				
			
		});
	  
	};

})(jQuery);

-->

</script>


</head>
<body id="indexHomeBody">

<div id="mainWrapper">



<!--bof-header logo and navigation display-->


<div id="header-curr-lang">
<div id="lang_header" class="topBox centeredContent">Languages:  <a href="https://newworldtreasure.com/index.php?main_page=index&language=en"><img src="includes/languages/english/images/icon.gif" alt="English" title=" English " width="22" height="24" /></a>  </div><div id="currency_header" class="topBox"><form name="currencies_form_header" action="https://newworldtreasure.com/index.php?main_page=index" method="get">Currencies:  <select name="currency" onchange="this.form.submit();" class="header">
  <option value="USD" selected="selected">US Dollar</option>
  <option value="EUR">Euro</option>
  <option value="GBP">GB Pound</option>
  <option value="CAD">Canadian Dollar</option>
  <option value="AUD">Australian Dollar</option>
</select>
<input type="hidden" name="main_page" value="index" /></form></div><div class="clearBoth"></div>
</div>
<div id="headerWrapper">


<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><a href="https://newworldtreasure.com/"><img src="includes/templates/ashley_pink/images/logo.gif" alt="New World Treasure" title=" New World Treasure " width="405" height="191" /></a>      <div id="tagline"></div>

</div>

<br class="clearBoth" />
<!--eof-branding display-->

<!--eof-header logo and navigation display-->

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
   <li><a href="https://newworldtreasure.com/">Home</a> | </li>                                                                        
    <li><a href="https://newworldtreasure.com/index.php?main_page=contact_us">Contact Us</a> | </li>
        <li><a href="https://newworldtreasure.com/index.php?main_page=login">Log In</a> | </li>
	  <li><img src="includes/templates/ashley_pink/images/cart.jpg" class="cart-image" alt="the shopping cart" /><a href="https://newworldtreasure.com/index.php?main_page=shopping_cart">Shopping Cart - 0 item(s) - $0.00</a> | </li>
	<li><a href="https://newworldtreasure.com/index.php?main_page=checkout_shipping"><span class="header-checkout">Checkout</span></a></li>
	
</ul>
</div>
<div id="navMainSearch"><form name="quick_find_header" action="https://newworldtreasure.com/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="text" name="keyword" size="6" class="search-header-box" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" /> <input type="image" src="includes/templates/ashley_pink/buttons/english/button_search_header.gif" value="" class="search-header-button" style="width: 70px" /></form></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->



<!--bof-optional categories tabs navigation display-->
<div id="navCatTabsWrapper">
<div id="navCatTabs">
<ul>
  <li><a class="category-top" href="https://newworldtreasure.com/index.php?main_page=index&cPath=1">Bracelets</a> </li>
  <li><a class="category-top" href="https://newworldtreasure.com/index.php?main_page=index&cPath=12">Lipstick Compacts</a> </li>
  <li><a class="category-top" href="https://newworldtreasure.com/index.php?main_page=index&cPath=8">Necklaces</a> </li>
</ul>
</div>
</div>
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<!--eof-header ezpage links-->
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
  <tr>

 <td id="navColumnOne" class="columnLeft" style="width: 150px">
<div id="navColumnOneWrapper" style="width: 180px"><!--// bof: categories //-->
<div class="leftBoxContainer" id="categories" style="width: 180px">
<h3 class="leftBoxHeading" id="categoriesHeading">Categories</h3>
<div id="categoriesContent" class="sideBoxContent">
<div class="betterCategories"><a class="category-top" href="https://newworldtreasure.com/index.php?main_page=index&cPath=1"><img src="includes/templates/ashley_pink/images/bc_cat_pointer_right.gif" alt="" width="9" height="5" />Bracelets-> (26)</a></div><div class="betterCategories"><a class="category-top" href="https://newworldtreasure.com/index.php?main_page=index&cPath=12"><img src="includes/templates/ashley_pink/images/bc_cat_no_sub.gif" alt="" width="9" height="5" />Lipstick Compacts (5)</a></div><div class="betterCategories"><a class="category-top" href="https://newworldtreasure.com/index.php?main_page=index&cPath=8"><img src="includes/templates/ashley_pink/images/bc_cat_pointer_right.gif" alt="" width="9" height="5" />Necklaces-> (3)</a></div><br style="line-height: 0;" /><hr id="catBoxDivider" /><br style="line-height: 0;" /><div class="betterCategories"><a class="category-links" href="https://newworldtreasure.com/index.php?main_page=products_new"><img src="includes/templates/ashley_pink/images/bc_cat_boxes.gif" alt="" width="9" height="5" />New Products ...</a></div><div class="betterCategories"><a class="category-links" href="https://newworldtreasure.com/index.php?main_page=products_all"><img src="includes/templates/ashley_pink/images/bc_cat_boxes.gif" alt="" width="9" height="5" />All Products ...</a></div></div></div>
<!--// eof: categories //-->

<!--// bof: whatsnew //-->
<div class="leftBoxContainer" id="whatsnew" style="width: 180px">
<h3 class="leftBoxHeading" id="whatsnewHeading"><a href="https://newworldtreasure.com/index.php?main_page=products_new">What's New  [more]</a></h3>
<div class="sideBoxContent centeredContent">
  <div class="sideBoxContentItem"><a href="https://newworldtreasure.com/index.php?main_page=product_info&cPath=1_11_14&products_id=14"><img src="images/turquoise.JPG" alt="Fashion Jewelry - Turquoise/Brown/Scorpion" title=" Fashion Jewelry - Turquoise/Brown/Scorpion " width="100" height="75" /><br />Fashion Jewelry - Turquoise/Brown/Scorpion</a><div>$6.00</div></div>
  <div class="sideBoxContentItem"><a href="https://newworldtreasure.com/index.php?main_page=product_info&cPath=1_11_14&products_id=15"><img src="images/amber.JPG" alt="Fashion Jewelry - Amber/Scorpion" title=" Fashion Jewelry - Amber/Scorpion " width="100" height="75" /><br />Fashion Jewelry - Amber/Scorpion</a><div>$6.00</div></div>
  <div class="sideBoxContentItem"><a href="https://newworldtreasure.com/index.php?main_page=product_info&cPath=1_11_14&products_id=16"><img src="images/burntorange.JPG" alt="Fashion Jewelry - Burnt Orange/Brown/Scorpion" title=" Fashion Jewelry - Burnt Orange/Brown/Scorpion " width="100" height="75" /><br />Fashion Jewelry - Burnt Orange/Brown/Scorpion</a><div>$6.00</div></div></div>
</div>
<!--// eof: whatsnew //-->

<!--// bof: reviews //-->
<div class="leftBoxContainer" id="reviews" style="width: 180px">
<h3 class="leftBoxHeading" id="reviewsHeading"><a href="https://newworldtreasure.com/index.php?main_page=reviews">Reviews  [more]</a></h3>
<div id="reviewsContent" class="sideBoxContent centeredContent">There are currently no product reviews.</div></div>
<!--// eof: reviews //-->

<!--// bof: information //-->
<div class="leftBoxContainer" id="information" style="width: 180px">
<h3 class="leftBoxHeading" id="informationHeading">Information</h3>
<div id="informationContent" class="sideBoxContent">
<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=about_us">About Us</a></div></li>
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=shippinginfo">Shipping & Returns</a></div></li>
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=privacy">Privacy Notice</a></div></li>
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=conditions">Conditions of Use</a></div></li>
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=contact_us">Contact Us</a></div></li>
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=site_map">Site Map</a></div></li>
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=gv_faq">Gift Certificate FAQ</a></div></li>
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=discount_coupon">Discount Coupons</a></div></li>
<li><div class="betterInformation"><a href="https://newworldtreasure.com/index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></div></li>
</ul>
</div></div>
<!--// eof: information //-->


</div></td>
    <td valign="top">
<!-- bof  breadcrumb -->
    <div id="navBreadCrumb">Home
</div>
<!-- eof breadcrumb -->


<!-- bof upload alerts -->
<!-- eof upload alerts -->

<div class="centerColumn" id="indexDefault">
<h1 id="indexDefaultHeading"></h1>

<h2 class="greeting">Welcome <span class="greetUser">Guest!</span> Would you like to <a href="https://newworldtreasure.com/index.php?main_page=login">log yourself in</a>?</h2>

<!-- deprecated - to use uncomment this section
<div id="" class="content">This is the main define statement for the page for english when no template defined file exists. It is located in: <strong>/includes/languages/english/index.php</strong></div>
-->

<!-- deprecated - to use uncomment this section
<div id="" class="content">Define your main Index page copy here.</div>
-->

<div id="indexDefaultMainContent" class="content">	

	<script type="text/javascript">
		$(document).ready(function(){	
		    
			$("#slider").easySlider({
				auto: true, 
				continuous: true,
				numeric: true
			});
			
		});	
	</script>
  

	
		<div id="slider">
			<ul>				
				<li><a href="https://www.newworldtreasure.com"><img src="includes/templates/ashley_pink/images/slide1.jpg"   alt="first slide image" /></a></li>
				<li><a href="https://www.newworldtreasure.com"><img src="includes/templates/ashley_pink/images/slide2.jpg"   alt="second slide image" /></a></li>
				<li><a href="https://www.newworldtreasure.com"><img src="includes/templates/ashley_pink/images/slide3.jpg"   alt="third slide image" /></a></li> 
				<li><a href="https://www.newworldtreasure.com"><img src="includes/templates/ashley_pink/images/slide4.jpg"   alt="fourth slide image" /></a></li>
				<li><a href="https://www.newworldtreasure.com"><img src="includes/templates/ashley_pink/images/slide5.jpg"   alt="fifth slide image" /></a></li>			
			</ul>
		</div>
			
<div id="home-text">
<!-- <p>
<a href="http://www.youtube.com/user/ZenCartEasyHelp" target="_blank"><img src="http://www.picaflor-azul.com/pica/images/subscribe-sm.png" class="subscribe-sm" alt="subscribe to Zen Cart Easy Help Youtube Channel" /></a>
</p> -->
<!-- <p>
Read the ashley_pink_readme.html for full, step by step detailed installation instructions with links to videos for each step.
</p> -->
<!-- <p>
Once your site is ready to go live, please feel free to promote your site by uploading a screen shot of your store to our facebook fan gallery (you can do this via the wall).  Be sure to include your store url and what you sell in the comments so that our huge fan base can find you.
</p> -->
<!-- <p>
<a href="http://www.facebook.com/Custom.Zen.Cart.Design" target="blank"><img src="http://www.picaflor-azul.com/pica/images/promote.png" class="promote" alt="Promote your site on our Facebook Page" /></a>
</p> -->
<!-- <p>
This content is located in the file at: /languages/english/html_includes/ashley_pink/define_main_page.php
</p> -->
<!-- <p>
You can quickly edit this content via Admin->Tools->Define Pages Editor, and select define_main_page from the pulldown.
</p> -->
</div>		
</div>