|
|
| (同じ利用者による、間の40版が非表示) |
| 1行目: |
1行目: |
|
| |
| <div class="search-card"> | | <div class="search-card"> |
| {{{_pageName|_pageName}}}
| | <div class="card-layout"> |
| {{{店名|店名}}}
| | <div class="card-image-area"> |
| {{{画像|画像}}}
| | <div class="img-crop"> |
| {{{ジャンル|ジャンル}}}
| | <div class="image-scroll-container"> |
| {{{郵便番号|郵便番号}}}
| | <!-- ストリートビュー --> |
| {{{住所|住所}}}
| | <div class="image-item"> |
| {{{座標|座標}}} | | {{#if: {{{ストリートビューURL|}}} |
| {{{ストリートビューURL|ストリートビューURL}}} | | | <div class="streetview-placeholder" data-url="{{{ストリートビューURL}}}" style="width: 200px; height: 200px;"></div> |
| {{{最寄り|最寄り}}}
| | | <div class="streetview-api-placeholder" data-name="{{{座標}}}" style="width: 200px; height: 200px;"></div> |
| {{{営業時間_月|営業時間_月}}} | | }} |
| {{{営業時間_火|営業時間_火}}}
| | </div> |
| {{{営業時間_水|営業時間_水}}} | | <!-- 画像1 --> |
| {{{営業時間_木|営業時間_木}}}
| | <div class="image-item"> |
| {{{営業時間_金|営業時間_金}}}
| | {{#if: {{{画像|}}} |
| {{{営業時間_土|営業時間_土}}}
| | | [[File:{{{画像}}}|middle|class=crop-img]] |
| {{{営業時間_日|営業時間_日}}}
| | }} |
| {{{営業時間_祝日|営業時間_祝日}}} | | </div> |
| {{{定休日|定休日}}} | | </div> |
| {{{電話番号|電話番号}}}
| | </div> |
| {{{メニュー1|メニュー1}}} | | </div> |
| {{{メニュー1_価格|メニュー1_価格}}}
| | |
| {{{メニュー2|メニュー2}}}
| | <div class="card-content"> |
| {{{メニュー2_価格|メニュー2_価格}}}
| | <div class="card-header"> |
| {{{メニュー3|メニュー3}}}
| | <h3 class="card-title">[[{{{_pageName}}}|{{{店名}}}]]</h3> |
| {{{メニュー3_価格|メニュー3_価格}}}
| | <p class="card-genre">{{{最寄り|}}} {{{ジャンル|}}}</p> |
| {{{メニュー4|メニュー4}}}
| | </div> |
| {{{メニュー4_価格|メニュー4_価格}}}
| | |
| {{{メニュー5|メニュー5}}}
| | |
| {{{メニュー5_価格|メニュー5_価格}}}
| | |
| {{{予算_昼_下限|予算_昼_下限}}}
| | 昼： |
| {{{予算_昼_上限|予算_昼_上限}}}
| | {{#if: {{{予算昼下限|}}} | ￥{{{予算昼下限}}} | - }} |
| {{{予算_夜_下限|予算_夜_下限}}}
| | ～{{#if: {{{予算昼上限|}}} | ￥{{{予算昼上限}}} | - }} |
| {{{予算_夜_上限|予算_夜_上限}}}
| | 夜： |
| {{{支払い方法_現金|支払い方法_現金}}}
| | {{#if: {{{予算夜下限|}}} | ￥{{{予算夜下限}}} | - }} |
| {{{支払い方法_カード|支払い方法_カード}}}
| | ～{{#if: {{{予算夜上限|}}} | ￥{{{予算夜上限}}} | - }} |
| {{{支払い方法_電子マネー|支払い方法_電子マネー}}}
| | </p> |
| {{{支払い方法_QR|支払い方法_QR}}}
| | {{#if: {{{住所|}}} | <p class="card-address">{{{住所}}}</p> }} |
| {{{支払い方法_その他|支払い方法_その他}}}
| | </div> |
| {{{料金備考|料金備考}}}
| | </div> |
| {{{Instagram|Instagram}}}
| |
| {{{X|X}}}
| |
| {{{TicTok|TicTok}}}
| |
| {{{Facebook|Facebook}}}
| |
| {{{公式HP|公式HP}}}
| |
| {{{食べログURL|食べログURL}}}
| |
| {{{ホットペッパーURL|ホットペッパーURL}}}
| |
| {{{予約|予約}}}
| |
| {{{テイクアウト|テイクアウト}}}
| |
| {{{備考|備考}}}
| |
| {{{禁煙喫煙|禁煙喫煙}}}
| |
| {{{喫煙専用室|喫煙専用室}}}
| |
| {{{総席数|総席数}}}
| |
| {{{個室|個室}}}
| |
| {{{貸切|貸切}}}
| |
| {{{WiFi|WiFi}}}
| |
| {{{バリアフリー|バリアフリー}}}
| |
| {{{駐車場|駐車場}}}
| |
| {{{その他設備|その他設備}}}
| |
| {{{飲み放題|飲み放題}}}
| |
| {{{食べ放題|食べ放題}}}
| |
| {{{お子様連れ|お子様連れ}}}
| |
| <div class="card-header"> | |
| <h3 class="card-title">[[{{{_pageName}}}|{{{店名}}}]]</h3>
| |
| <p class="card-genre">{{{最寄り|}}} {{{ジャンル|}}}</p> | |
| </div> | |
| {{#if: {{{画像|}}} |
| |
| <div class="card-images">
| |
| [[File:{{{画像|NoImage.jpg}}}|130x130px|link=]]
| |
| </div>
| |
| }}
| |
| | |
| <p class="card-cost"> | |
| 昼： | |
| {{#ifexpr: {{{予算_昼_下限|0}}} > 0 | |
| | ￥{{{予算_昼_下限}}}
| |
| | -
| |
| }} | |
| ～ | |
| {{#ifexpr: {{{予算_昼_上限|0}}} > 0 | |
| | ￥{{{予算_昼_上限}}}
| |
| | -
| |
| }} | |
| 夜：{{#if: {{{予算_夜_下限|}}} | ￥{{{予算_夜_下限}}} | - }}～{{#if: {{{予算_夜_上限|}}} | ￥{{{予算_夜_上限}}} | - }} | |
| </p> | |
| {{#if: {{{住所|}}} | <p class="card-address">{{{住所}}}</p> }} | |
| {{#if: {{{電話番号|}}} | <p class="card-tel">{{{電話番号}}}</p> }}
| |
| {{#if: {{{営業時間|}}} | <p class="card-hours">{{{営業時間}}}</p> }} | |
| </div> | | </div> |
| </div> | | </div> |
|
| |
| <html>
| |
| <style>
| |
| .search-card {
| |
| border: 1px solid #ddd;
| |
| border-radius: 8px;
| |
| padding: 12px;
| |
| margin-bottom: 12px;
| |
| max-width: 600px;
| |
| transition: box-shadow 0.2s;
| |
| }
| |
| .search-card:hover {
| |
| box-shadow: 0 2px 8px rgba(0,0,0,0.2);
| |
| }
| |
| .card-link {
| |
| color: inherit;
| |
| text-decoration: none;
| |
| display: block;
| |
| }
| |
| .card-header {
| |
| margin-bottom: 8px;
| |
| }
| |
| .card-title {
| |
| margin: 0;
| |
| font-size: 1.2em;
| |
| }
| |
| .card-genre {
| |
| margin: 0;
| |
| font-size: 0.9em;
| |
| color: #666;
| |
| }
| |
| .card-images img {
| |
| width: 130px;
| |
| height: 130px;
| |
| object-fit: cover;
| |
| border-radius: 4px;
| |
| display: inline-block;
| |
| margin-right: 2px;
| |
| }
| |
| .card-img {
| |
| width: 60px;
| |
| height: 60px;
| |
| object-fit: cover;
| |
| border-radius: 4px;
| |
| }
| |
| .card-info p {
| |
| margin: 2px 0;
| |
| font-size: 0.9em;
| |
| }
| |
| </style>
| |
| </html>
| |
