|
|
Making A Skin Flow Into An Existing HTML Site Using An HTML Editor
In admin under
Home > Kryptronic Hybrid X Core > Displays: Skins, Menus, XHTML Includes and Messages > Manage Display Skins
and select Clone next to Skin Name E-Commerce Skin. For our purposes we will use a Skin Identifier of CustomSkin but you may give it any identifier you like.
In admin under
Home > ClickCartPro > Application: Profile and Namespaces > Application Profile
The skin to use for your site may be selected in the Default Display Skin field (CustomSkin in our example here).
In admin under
Home > Kryptronic Hybrid X Core > Displays: Skins, Menus, XHTML Includes and Messages > Manage Display Skins
click on Update next to CustomSkin (or the name you chose). On the next screen click on Update next to File Name skin.php.
Use the code below for your skin.
Note: The links to the style sheet and JavaScript below are specific to the skin identifier name you used when you cloned the default skin above. Where you see CustomSkin in the example below you will need to use your skin identifier name (case matters on most servers).
<?php /* PHP FUNCTION */
/* REQUIRED: Skin startup */
$skinfunc =& $this->include_skinfunc('KHXC_SkinFunc');
extract($skinfunc->startup()); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="keywords" content="<?php print $metakeywords; ?>" />
<meta name="description" content="<?php print $metadesc; ?>" />
<meta name="robots" content="index,follow" />
<base href="<?php print $disp_baseurl; ?>" />
<?php /* PHP FUNCTION */
/* REQUIRED: Prints lightbox code */
$skinfunc->lightbox(); ?>
<link rel="stylesheet" type="text/css" media="all" href="skins/CustomSkin/css/all.css" />
<script type="text/javascript" src="skins/CustomSkin/scripts/scripts.js"></script>
<title><?php print $metatitle; ?></title>
</head>
<?php /* PHP FUNCTION */
/* REQUIRED: Prints the body tag */
$skinfunc->bodytag(); ?>
### Insert the top portion of your HTML from Frontpage (for example) here.
<khxc:content />
### Insert the bottom portion of your HTML from Frontpage (for example) here.
</body>
</html>Using this method will allow you to use your own HTML while not disabling some of the nicer features of ClickCartPro such as CSS usage, relative image URLs (which are needed for SSL/Non-SSL transitions) and lightbox pop-ups.
ClickCartPro - Skinning (Changing The Look Of Your Site)