CATEGORY
宅配ボックスをタイプから選ぶ
FOR MUNICIPALITIES
自治体・行政機関のご担当者様へ
宅配ボックスの購入支援・普及促進・再配達削減・
実証事業などをご検討の自治体様へ。
商品選定、台数、納期、お見積り、必要資料について
ご相談いただけます。
- 横浜市「よこはま安心ボックス設置支援事業」対象製品
- 小規模な検討からまとまった数量まで柔軟に対応
- お見積り・必要資料も可能な限り対応
自治体向け宅配ボックスのご案内
→
ABOUT US
宅配ボックス名品館について
6年間、お客様の声に応え続けて進化した「ルスネコボックス」。
これからも、あなたの生活をもっと便利にするために、私たちは常に進化し続けます。
私たちについて
/* =========================================
宅配ボックス名品館
TOP RANKING SLIDER
2026-08
========================================= */
(function () {
'use strict';
const SELECTOR =
'.top_ranking .fs-c-productListCarousel__list__itemTrack';
const PREV_SELECTOR =
'.top_ranking ' +
'.fs-c-productListCarousel__ctrl--prev ' +
'.fs-c-button--carousel';
const NEXT_SELECTOR =
'.top_ranking ' +
'.fs-c-productListCarousel__ctrl--next ' +
'.fs-c-button--carousel';
/*
* Slick設定
*/
const rankingSettings = {
/* 自動再生しない */
autoplay: false,
/* 切り替え速度 */
speed: 400,
/* 最後から最初へ循環 */
infinite: true,
/* PCでは左右矢印 */
arrows: true,
/* PCではドット非表示 */
dots: false,
/* PC基本表示数 */
slidesToShow: 4,
/* 1商品ずつ移動 */
slidesToScroll: 1,
/* スワイプした位置まで移動 */
swipeToSlide: true,
/* SP操作性 */
touchThreshold: 10,
/* FutureShopのdata-lazyに対応 */
lazyLoad: 'ondemand',
/*
* 高さは各商品カードに合わせる
*/
adaptiveHeight: false,
/*
* ドラッグ対応
*/
draggable: true,
swipe: true,
touchMove: true,
/*
* レスポンシブ
*/
responsive: [
/*
* 小さめPC・タブレット横
*/
{
breakpoint: 1100,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
dots: false
}
},
/*
* タブレット・大きめSP
*/
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
arrows: false,
dots: true
}
},
/*
* SP
*/
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true
}
}
]
};
/*
* DOM Ready
*/
function ready(callback) {
if (document.readyState === 'loading') {
document.addEventListener(
'DOMContentLoaded',
callback
);
} else {
callback();
}
}
/*
* jQuery / Slickの読込を待つ
*
* Slick本体はこれまで通り
* サイト側で読み込んでおく。
*/
function waitForSlick(callback) {
let count = 0;
const maxCount = 50;
const timer = window.setInterval(
function () {
count++;
if (
window.jQuery &&
window.jQuery.fn &&
typeof window.jQuery.fn.slick ===
'function'
) {
window.clearInterval(timer);
callback(
window.jQuery
);
return;
}
/*
* 約5秒待ってもSlickがなければ終了
*/
if (count >= maxCount) {
window.clearInterval(timer);
console.warn(
'[Ranking Slider] Slickが読み込まれていません。'
);
}
},
100
);
}
/*
* ランキング初期化
*/
function initRankingSlider($) {
const $track =
$(SELECTOR);
/*
* ランキングがないページでは終了
*/
if (!$track.length) {
return;
}
/*
* ---------------------------------------
* 既存Slickを一度解除
* ---------------------------------------
*
* FutureShop側や旧ランキングJSで
* すでに初期化されていても、
* 今回の設定を完全に適用できる。
*/
if (
$track.hasClass(
'slick-initialized'
)
) {
try {
$track.slick(
'unslick'
);
} catch (error) {
console.warn(
'[Ranking Slider] ' +
'既存Slick解除時のエラー',
error
);
}
}
/*
* Slick初期化
*/
$track.slick(
rankingSettings
);
/*
* 自動再生が他処理によって
* 有効化されないよう明示的に停止
*/
try {
$track.slick(
'slickPause'
);
} catch (error) {
/* 処理不要 */
}
/*
* ---------------------------------------
* FutureShop既存の
* 外部Prev / Nextボタンを接続
* ---------------------------------------
*/
const $prev =
$(PREV_SELECTOR);
const $next =
$(NEXT_SELECTOR);
/*
* このJSが付けたイベントだけ解除。
* FutureShop等の他イベントには触れない。
*/
$prev.off(
'.ztRanking'
);
$next.off(
'.ztRanking'
);
/*
* 前へ
*/
$prev.on(
'click.ztRanking',
function (event) {
event.preventDefault();
if (
$track.hasClass(
'slick-initialized'
)
) {
$track.slick(
'slickPrev'
);
}
}
);
/*
* 次へ
*/
$next.on(
'click.ztRanking',
function (event) {
event.preventDefault();
if (
$track.hasClass(
'slick-initialized'
)
) {
$track.slick(
'slickNext'
);
}
}
);
/*
* 初期化済みフラグ
*/
$track.attr(
'data-zt-ranking-slider',
'initialized'
);
/*
* デバッグ確認用
*/
console.info(
'[Ranking Slider] initialized'
);
}
/*
* 起動
*/
ready(
function () {
waitForSlick(
initRankingSlider
);
}
);
})();
