mikeatencio Posted March 14, 2021 Share Posted March 14, 2021 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 More sharing options...
bsmither Posted March 14, 2021 Share Posted March 14, 2021 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 More sharing options...
mikeatencio Posted March 14, 2021 Author Share Posted March 14, 2021 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;"> </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 More sharing options...
bsmither Posted March 14, 2021 Share Posted March 14, 2021 That looks right. Does it work? Link to comment Share on other sites More sharing options...
mikeatencio Posted March 14, 2021 Author Share Posted March 14, 2021 The bxslider didn't work. What folder do I put the main.php in? I put it in foundation and nothing. I couldn't find the right folder in Kurouto. Thanks Link to comment Share on other sites More sharing options...
bsmither Posted March 14, 2021 Share Posted March 14, 2021 You would edit Kurouto's template 'main.php' and save it right back to the same folder, overwriting the existing version. Link to comment Share on other sites More sharing options...
mikeatencio Posted March 16, 2021 Author Share Posted March 16, 2021 OK. It's working. The files weren't in the right folders even though I put them in there. It works now. Thanks for all the help. Mike Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.