Jump to content

How do I get the bxslider to work in skin Kurouto skin? Can't add favicon either


Recommended Posts

I can't get the bxslider to work in Kurouto skin. I see the three pictures from Foundation but that's it.

Also, how can I add my favicon on the main page. index.php doesn't show the information like index.html so can someone direct me to that html page?

Thanks

Link to comment
Share on other sites

The Kurouto skin will need the BXSlider javascript file added.

From the Foundation skin, obtain these files:

From the folder /skins/foundation/:
js/vendor/jquery.bxslider.js
css/jquery.bxslider.css

The folder images/bxslider/ and all its contents
The folder images/examples/ and all its contents

Now:

Deposit those files and folder into Kurouto's folder:
Put jquery.bxslider.js into js/
Put the jquery.bxslider.css into styles/

Put the bxslider folder into images/
Put the examples folder into images/

Now:

Editing the Kurouto template 'main.php':

Find:
	<!--[if IE 7]><link rel="stylesheet" type="text/css" href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/ie7.css" media="screen" /><![endif]-->

Add after:
<link href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/jquery.bxslider.css" rel="stylesheet">

Find near the end of the file:
  {foreach from=$JS_SCRIPTS key=k item=script}
  <script type="text/javascript" src="{$STORE_URL}/{$script|replace:'\\':'/'}"></script>
  {/foreach}

Add after:
<script src="{$STORE_URL}/skins/{$SKIN_FOLDER}/js/jquery.bxslider.js" type="text/javascript"></script>
<script>{literal}$('.bxslider').bxSlider({auto:true,captions:true});{/literal}</script>

The Kurouto skin template file 'main.php' has the HTML <link> for the favicon, so all you need to provide is the actual icon.

Link to comment
Share on other sites

I'm not sure I did it right but here's what I did. The changes are blue and bolded. I hope I put them in the right location:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="{$TEXT_DIRECTION}" lang="{$HTML_LANG}">
  <head>
    <title>{$META_TITLE}</title>
    <link rel="canonical" href="{$CANONICAL}" />
    <link rel="shortcut icon" href="{$STORE_URL}/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/common.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/{$SKIN_SUBSET}/layout.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="{$STORE_URL}/js/styles/styles.php" media="screen" />
    {if isset($CSS)}
        {foreach from=$CSS key=css_keys item=css_files}
          <link rel="stylesheet" type="text/css" href="{$STORE_URL}/{$css_files}" media="screen" />
        {/foreach}
    {/if}
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/ie7.css" media="screen" /><![endif]-->

    <link href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/jquery.bxslider.css" rel="stylesheet">

    <meta http-equiv="Content-Type" content="text/html;charset={$CHARACTER_SET}" />
    <meta name="description" content="{if isset($META_DESCRIPTION)}{$META_DESCRIPTION}{/if}" />
    <meta name="keywords" content="{if isset($META_KEYWORDS)}{$META_KEYWORDS}{/if}" />
    <meta name="robots" content="index, follow" />
    <meta name="generator" content="cubecart" />
    {if $FBOG}
    <meta property="og:image" content="{$PRODUCT.thumbnail}">
    <meta property="og:url" content="{$VAL_SELF}">
    {/if}
    {if $ANALYTICS}
    {literal}<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{/literal}{$ANALYTICS}{literal}', 'auto');  // Replace with your property ID.
ga('send', 'pageview');
</script>{/literal}
    {/if}
    {include file='templates/content.recaptcha.head.php'}
  </head>
<body>
  <div id="page_wrapper">
    <div id="account">
      {$SESSION} {$CURRENCY} {$LANGUAGE}
    </div>
    <div id="header">
      {$SEARCH_FORM}
      <p class="logo"><a href="{$STORE_URL}"><img src="{$STORE_LOGO}" alt="{$META_TITLE}" /></a></p>
    </div>
    <div id="breadcrumb">
      <ul>
        <li><a href="{$STORE_URL}">{$LANG.common.home}</a></li>
        {foreach from=$CRUMBS item=crumb}
        <li><a href="{$crumb.url}">{$crumb.title}</a></li>
        {/foreach}
      </ul>
    </div>

    <div class="{$SECTION_NAME}_wrapper">
      <div class="sidebar" id="sidebar_left">
        {$CATEGORIES}
        {$SALE_ITEMS}
        {$MAIL_LIST}
      </div>
      <div class="sidebar" id="sidebar_right">
        {$SHOPPING_CART}
        {$RANDOM_PROD}
        {if isset($POPULAR_PRODUCTS)}{$POPULAR_PRODUCTS}{/if}
      </div>
      <div id="page_content">
        {include file='templates/box.errors.php'}
        {if isset($CHECKOUT_PROGRESS)}{$CHECKOUT_PROGRESS}{/if}
        {$PAGE_CONTENT}
        <p style="clear: both; height: 1px;">&nbsp;</p>
      </div>
      <div id="documents">{if isset($SKIN_SELECT)}{$SKIN_SELECT}{/if} {$SITE_DOCS}</div>
    </div>
  </div>
  <div style="display: none" id="val_skin_folder">{$SKIN_FOLDER}</div>
<div style="display: none" id="val_store_url">{$STORE_URL}</div>
  {if !empty($SKIN_COMMON)}<div style="display: none" id="val_skin_common_images">{$SKIN_COMMON}</div>{/if} 
  {$COPYRIGHT}
  {if !$CONFIG.disable_mobile_skin}<p id="mobile_switch"><a href="{$STORE_URL}/index.php?display_mobile=1">{$LANG.common.mobile_site}</a></p>{/if}
  
  {if isset($DEBUG_INFO)}{$DEBUG_INFO}{/if}

  {include file='js/common.html'}

  {if isset($JANRAIN)}{$JANRAIN}{/if}

  {if isset($LIVE_HELP)}{$LIVE_HELP}{/if}

  {foreach from=$JS_SCRIPTS key=k item=script}
  <script type="text/javascript" src="{$STORE_URL}/{$script|replace:'\\':'/'}"></script>
  {/foreach}

    <script src="{$STORE_URL}/skins/{$SKIN_FOLDER}/js/jquery.bxslider.js" type="text/javascript"></script>
    <script>{literal}$('.bxslider').bxSlider({auto:true,captions:true});{/literal}</script>

  
  {if $COOKIE_DIALOGUE}
  <form action="{$VAL_SELF}" class="cookies-notify" method="POST">
    <p>{$LANG.notification.cookie_dialogue|replace:'%s':{$CONFIG.store_name}}</p>
    <p{if $COOKIE_DIALOGUE_FAIL} class="retry"{/if}><input type="checkbox" name="accept_cookies" value="1" /> {$LANG.notification.cookie_dialogue_declaration} <input type="submit" name="accept_cookies_submit" value="{$LANG.common.continue}" /></p>
  </form>
  {/if}
{include file='templates/ccpower.php'}
</body>
</html>

 

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...