ポータブル電源 ポータブル電源

オーディオ オーディオ

ヘッドホン/イヤホン ヘッドホン/
イヤホン

ドライブレコーダー ドライブレコーダー

カーナビゲーション カーナビゲーション

デジタルルームミラー デジタルルーム
ミラー

カーオーディオ カーオーディオ

カースピーカー カースピーカー

アルコール検知器 アルコール検知器

カーアクセサリー カーアクセサリー

MINIスピーカー MINIスピーカー

除菌消臭器 除菌消臭器

トランシーバー トランシーバー

検温器 検温器

部品・付属品関連(サービスパーツ) 部品・付属品関連
(サービスパーツ)

医用画像表示モニター関連 医用画像
表示モニター

アウトレット アウトレット

全ての商品カテゴリー

システムコンポ

並び替え
3件中 1-3件表示

コンパクトコンポーネントシステム XK-330

販売価格 ¥ 49,500 税込
5.00

システムコンポ M-EB50-S

販売価格 ¥ 23,980 税込

コンパクトコンポーネントシステム K-515

販売価格 ¥ 59,180 税込
並び替え
3件中 1-3件表示

ポータブル電源
オーディオ
ヘッドホン/イヤホン
リモコン
MINIスピーカー
カー用品
アルコール検知器
トランシーバー
除菌消臭器
医用画像表示モニター関連
アウトレット
AVケーブル
法人のお客様向けソリューション
製品・付属品関連(サービスパーツ)
その他

TO TOP

'); //空の商品マーク要素を追加 } } addMrkFlg = 1; } if (addMrkFlg == 1) { break; } }*/ var ElmClass = [".fs-c-productListItem__productName.fs-c-productName", //商品名 ".fs-c-productListItem__preorderMessage.fs-c-preorderMessage", //予約メッセージ ".fs-c-productListItem__prices.fs-c-productPrices", //商品価格 ".fs-c-productListItem__salesPeriod.fs-c-salesPeriod", //販売期間 ".fs-c-productListItem__outOfStock.fs-c-productListItem__notice.fs-c-productStock", //在庫切れ ".fs-c-productListItem__control.fs-c-buttonContainer", //カートボタン ".fs-c-modal.fs-c-modal--chooseVariation"]; //カラーバリエーションモーダル for (var i = 0; i < ElmClass.length; i++) { var AfterElm = document.querySelectorAll(ElmClass[i]); for (var j = 0; j < AfterElm.length; j++) { //対象要素の後の兄弟要素取得 const MarkElm = AfterElm[j].nextElementSibling; if(MarkElm != null) { //要素自体が存在するか判定 if(MarkElm.className == "fs-c-productMarks") { //商品マークがないものに空の商品マーク要素を追加する for (var k = 0; k < AfterElm.length; k++) { const MarkElmSet = AfterElm[k].nextElementSibling; if(MarkElmSet == null || MarkElmSet.className != "fs-c-productMarks") { AfterElm[k].insertAdjacentHTML('afterend', '
'); //空の商品マーク要素を追加 } } addMrkFlg = 1; } } } if (addMrkFlg == 1) { break; } } //console.log(addMrkFlg); //**************ニッパーの日の場合、ニッパーの日を追加************** //商品マークの箱指定 var MarkBox = document.querySelectorAll(".fs-c-productMarks"); //商品数カウント var productCount = document.querySelectorAll("article.fs-c-productList__list__item.fs-c-productListItem").length; var nipperFlg = 0; var nipperDayFlg = 0; let nipperAdd = []; for (var i = 0; i < MarkBox.length; i++) { if(MarkBox[i] != undefined) { var MarkBoxChildList = MarkBox[i].children for(var j = 0; j < MarkBoxChildList.length; j++) { var MarkBoxChild = MarkBoxChildList[j]; if(MarkBoxChild.classList.contains("fs-c-mark") == true) { nipperFlg = 1; nipperDayFlg = 1; var lavelHeight = MarkBoxChild.clientheight; } } if(nipperFlg != 1) { nipperAdd.push(i); } } else { nipperAdd.push(i); } nipperFlg = 0; } //console.log(i); //console.log(nipperAdd); if(nipperDayFlg == 1) { for (var k = 0; k < nipperAdd.length; k++) { num = nipperAdd[k]; var childLength = MarkBox[num].children.length; if(childLength > 0) { MarkBox[num].children[childLength - 1].insertAdjacentHTML('afterend', ''); } else { MarkBox[num].insertAdjacentHTML('afterbegin', ''); } } } //**********ニッパーの日がある場合の処理********** //商品名、コピーが入っている箱指定 var pAllname = document.querySelectorAll(".fs-c-productListItem__productName.fs-c-productName"); //商品名を指定 var pName = document.querySelectorAll(".fs-c-productListItem__productName.fs-c-productName .fs-c-productName__name"); //商品マークの箱を指定 var MarkBox = document.querySelectorAll(".fs-c-productMarks"); var nipperFlg = 0; //ニッパーの日があるか判定 for(var i = 0; i < MarkBox.length; i++) { if(MarkBox[i] != undefined) { var MarkChild = MarkBox[i].children; for(var j = 0; j < MarkChild.length; j++) { if(MarkChild[j].classList.contains("fs-c-mark") == true) { nipperFlg = 1; } } } } if(nipperFlg == 1) { for(var k = 0; k < pName.length; k++) { pName[k].style.cssText = "height: 46px;!important"; } for(var l = 0; l < MarkBox.length; l++) { MarkBox[l].style.cssText = "height: initial;"; } } //**********商品価格の高さ揃え********** //商品価格の箱指定 var priceBox = document.querySelectorAll(".fs-c-productListItem__prices.fs-c-productPrices"); var allHei = 0; for (var i = 0; i < priceBox.length; i++) { var spanf = priceBox[i].firstElementChild; //通常販売価格 var spanfH = spanf.clientHeight; //通常販売価格高さ //console.log(spanf);    //ログ出力 //console.log(spanfH);    //ログ出力 var spanf2 = priceBox[i].lastElementChild; //特別販売価格 var spanf2H = spanf2.clientHeight; //特別販売価格高さ //console.log(spanf2); //console.log(spanf2H);    //ログ出力 //商品価格表示の高さ if(spanf == spanf2) { var priceH = spanfH; } else { var priceH = spanfH + spanf2H; } //console.log("高さ:" + priceH);    //ログ出力 if(i == 0) { var b = priceH; var b_num = 0; allHei = b + 20; } var s = priceH; //ページ中で価格文字数が最長のものを取得 if(b < s) { b = s; b_num = i; //ページ中で価格高さが最大のものの高さが価格エリアの高さになる allHei = b + 20; //console.log(allHei);    //ログ出力 } } if(allHei < 88) { allHei = 88; } //console.log(b);    //ログ出力 //console.log(b_num);    //ログ出力 //console.log(allHei);    //ログ出力 //価格表示の高さを一番価格文字数が長いものに合わせる for (var j = 0; j < priceBox.length; j++) { priceBox[j].style.cssText = "display: flex; flex-direction: column; justify-content: center; height:" + allHei + "px;"; } //**********商品名省略********** jQuery(function($) { $('.fs-c-productList__list__item .fs-c-productListItem__productName.fs-c-productName .fs-c-productName__name').each(function() { var $target = $(this); // オリジナルの文章を取得する var html = $target.html(); // 対象の要素を、高さにautoを指定し非表示で複製する var $clone = $target.clone(); $clone .css({ display: 'none', position : 'absolute', overflow : 'visible' }) .width($target.width()) .height('auto'); // DOMを一旦追加 $target.after($clone); // 指定した高さになるまで、1文字ずつ消去していく while((html.length > 0) && ($clone.height() > $target.height())) { html = html.substr(0, html.length - 1); $clone.html(html + '...'); } // 文章を入れ替えて、複製した要素を削除する $target.html($clone.html()); $clone.remove(); }); }); //**********商品コピー省略********** jQuery(function($) { $('.fs-c-productList__list__item .fs-c-productListItem__productName.fs-c-productName .fs-c-productName__copy').each(function() { var $target = $(this); // オリジナルの文章を取得する var html = $target.html(); // 対象の要素を、高さにautoを指定し非表示で複製する var $clone = $target.clone(); $clone .css({ display: 'none', position : 'absolute', overflow : 'visible' }) .width($target.width()) .height('auto'); // DOMを一旦追加 $target.after($clone); // 指定した高さになるまで、1文字ずつ消去していく while((html.length > 0) && ($clone.height() > $target.height())) { html = html.substr(0, html.length - 1); $clone.html(html + '...'); } // 文章を入れ替えて、複製した要素を削除する $target.html($clone.html()); $clone.remove(); }); });