# （バリエーション機能）スライダーによる数値入力と価格連動について

**URL:** <https://community.shopify.com/t/topic/57001>\
**Category:** Shopify アプリ\
**Created:** [August 3, 2021, 10:32am UTC](https://community.shopify.com/t/topic/57001 "2021-08-03T10:32:34Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

Shopifyアプリで、商品の3辺サイズを顧客が数値で選択し、その入力値に応じて価格を自動連動させる機能の実装方法が相談されている。

主な要件:
- スライダー形式で数値入力できること
- 3辺それぞれの選択値に基づいて価格が変動すること
- 価格表や数値の区切り条件と連動して購入まで進めること

相談者は、一般的なバリエーション選択ではなく、参考サイトのようなUIでの数値指定を想定している。画像添付は、希望する画面イメージや価格連動の考え方を示す資料として重要。

現時点では要望と参考例の提示が中心で、具体的な対応アプリ名や実装手順はまだ示されていない。議論は未解決で、Shopify上でこのようなスライダー入力と価格計算をどう実現するかが主な未回答事項となっている。

<div class="post-metadata">

**Author:** ![masando](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/masando/32/329881_2.png) [@masando](https://community.shopify.com/u/masando)\
**Post date:** [August 3, 2021, 10:32am UTC](https://community.shopify.com/t/topic/57001/1 "2021-08-03T10:32:34Z")

</div>

商品のバリエーション

数値をお客様に選んでいただき、価格が連動して購入できる機能実装アプリ。

**●スライダーによる数値入力（セレクト）の機能**

**●その３辺数値による、価格連動機能**

を実装したく、お教えください。

わたしがスライダーと呼んでいるものの  
入力の 参考サイト。

[https://kanademono.design/products/tbl-k12bt-bk](https://kanademono.design/products/tbl-k12bt-bk)

添付画像は、その目指すものです。  
手書きになりお恥ずかしい、よろしくお願いいたします。

3辺をセレクトしていただく商品。

価格は、数値、価格表（数値区切り）と連動。

この機能がクライアントからの要望で  
アプリで実装したくどうかご教授ねがいます。

 ![IMG_1275.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/3/5/35533ccac8aba4b9ed158fd4280e7e9a17e0c021.jpeg)

 ![IMG_1276.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/3/436cffbc6aa1a4d4aacb5e0a4c8238299a37306f.jpeg)
