Skip to content

Instantly share code, notes, and snippets.

@nobuhiko
Created January 15, 2015 06:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nobuhiko/0627501fbdc4033c9941 to your computer and use it in GitHub Desktop.
Save nobuhiko/0627501fbdc4033c9941 to your computer and use it in GitHub Desktop.
2つ以上の商品を表示する際の手順
1. 1つめの商品は、上の枠・下の枠をそのままコピーして貼り付けてください
2. 2つ名の商品をはりつけるときには、1つ目の時貼ったものに差し込む必要があります
<script type="text/javascript">//<![CDATA[
var productsClassCategories = {
"1706":{"__unselected":{"__unselected":{"name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":"7026","product_type":"1"}},"__unselected2":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"11,858","point":"109","product_code":"32001","product_class_id":"7026","product_type":"1"}}}
!!!!!!! ココに差し込む !!!!!!
};
function fnOnLoad(){fnSetClassCategories(document.form1706,"");!!!!ココに差し込む!!!!!}
$(function(){
fnOnLoad();
});
//]]></script>
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script>
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.js"></script>
<link rel="stylesheet" type="text/css" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />
<script type="text/javascript">//<![CDATA[
// 規格2に選択肢を割り当てる。
function fnSetClassCategories(form, classcat_id2_selected) {
var $form = $(form);
var product_id = $form.find('input[name=product_id]').val();
var $sele1 = $form.find('select[name=classcategory_id1]');
var $sele2 = $form.find('select[name=classcategory_id2]');
setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
}
$(document).ready(function() {
$('a.expansion').facebox({
loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
closeImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
});
});
//]]>
</script>
!!!!!!! ココに差し込む !!!!!!
と書いたところに2つ目の商品情報を差し込みます
差し込むのはこうなっているものの
var productsClassCategories = {"1700":{"__unselected":{"__unselected":{"name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":"7013","product_type":"1"}},"831":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-01","product_class_id":"7013","product_type":"1"}},"832":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-02","product_class_id":"7014","product_type":"1"}},"833":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-03","product_class_id":"7015","product_type":"1"}},"834":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-04","product_class_id":"7016","product_type":"1"}}}};
この部分
"1700":{"__unselected":{"__unselected":{"name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":"7013","product_type":"1"}},"831":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-01","product_class_id":"7013","product_type":"1"}},"832":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-02","product_class_id":"7014","product_type":"1"}},"833":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-03","product_class_id":"7015","product_type":"1"}},"834":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-04","product_class_id":"7016","product_type":"1"}}}
差し込むとこうなります
var productsClassCategories = {
"1706":{"__unselected":{"__unselected":{"name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":"7026","product_type":"1"}},"__unselected2":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"11,858","point":"109","product_code":"32001","product_class_id":"7026","product_type":"1"}}}
,"1700":{"__unselected":{"__unselected":{"name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":"7013","product_type":"1"}},"831":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-01","product_class_id":"7013","product_type":"1"}},"832":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-02","product_class_id":"7014","product_type":"1"}},"833":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-03","product_class_id":"7015","product_type":"1"}},"834":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"},"#0":{"classcategory_id2":"0","name":"","stock_find":true,"price01":"","price02":"34,409","point":"318","product_code":"22155-04","product_class_id":"7016","product_type":"1"}}}
};
この時に先頭に , を付けるのを忘れると動きません
次にもう1箇所差し込みます
この部分の
function fnOnLoad(){fnSetClassCategories(document.form1700,"");}
ここだけ使います
fnSetClassCategories(document.form1700,"");
差し込むとこうなります
function fnOnLoad(){fnSetClassCategories(document.form1706,"");fnSetClassCategories(document.form1700,"");}
3.下の部分はそのまま貼り付けてください
4.3つ以上の商品を貼り付ける際は2と同じように差し込んでいってください
以上です
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment