category.tpl で jQuery プラグインを使用したい。javascript/jquery ディレクトリにファイルを置きます。では、このプラグインをどのように使用できますか?
5 に答える
/* one can load JS like that: */
if(file_exists('catalog/view/javascript/'.$this->config->get('config_template').'/script.js')) {
$this->document->addScript('catalog/view/javascript/'.$this->config->get('config_template').'/script.js');
}
スクリプトを手動で header.tpl に追加するよりも、既存の関数を使用する方が「適切な方法」です。
ヒントとして、以下の回答に基づいて - ファイル名の配列をループして、ロード順序を制御し続けることができます。
私は OpenCart を使用したことはありませんが、簡単な Google セッションで、プラグイン スクリプトを (他の js と同様に) というファイルに含める必要があることがわかりましたheader.tpl
。
header.tpl
これは私が見つけたサンプルファイルの一部です:
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>
jQuery インクルードの下に次の行を追加するだけで、次のようになります。
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/[PLUGIN FILE NAME].js"></script>
そして、あなたは行く準備ができているはずです。
まず、jquery ファイル、css ファイル、および画像をcatalog/view/javascript/yourpluginフォルダーに貼り付けます。次に、 catalog/view/theme/yourtheme(default)/template /product/category.tpl ファイル内の jquery プラグイン ファイルを呼び出します。たとえば、あなたのphpコード; ... ... ....
<script src="catalog/view/javascript/jquery/jquery-ui-min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.anythingslider.js"></script>
<link rel="stylesheet" href="catalog/view/theme/default/stylesheet/anythingslider.css">
<script>
// DOM Ready
$(function(){
$('#slider').anythingSlider();
$('#slider1').anythingSlider();
$('#slider2').anythingSlider();
});
</script>
スライダー用です..phpでアクションを実行できます(スクリプトの上)。
ヘッダー ビュー (/catalog/view/theme/[your theme]/template/common/header.tpl) に JS および CSS ソースを含める必要があります。
in config.php
define('DIR_JAVASCRIPT', 'D:\wamp\www\opencart/view/javascript/your_dir/');
in header.tpl
<?php
if (is_dir(DIR_JAVASCRIPT)):
if ($handle = opendir(DIR_JAVASCRIPT)):
while (false !== ($file = readdir($handle))):
if (preg_match('@\.js$@', $file)):
?>
<script type="text/javascript" src="<?php echo 'view/javascript/your_dir/'.$file; ?>"></script>
<?php
endif;
endwhile;
closedir($handle);
endif;
endif;
?>