Blame view
resources/views/simple_good.blade.php
29.9 KB
b80175387
Начальный проект ...
|
1 2 3 4 5 6 7 |
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
0cbcbfbe0
Дополнительные ка...
|
8 |
<title>Карточка товара</title> |
|
b80175387
Начальный проект ...
|
9 10 11 12 13 14 15 16 17 18 19 20 |
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
</head>
<body>
<div class="wrapper">
<main>
<div class="modal-card-overlay">
<div class="modal-card-wrapper">
<section class="modal-card">
<div class="container modal-card-container">
|
|
0cbcbfbe0
Дополнительные ка...
|
21 22 |
<!--<div class="modal-card__image"></div-->>
<img src="{{ asset(Storage::url($good->image)) }}" alt="" class="modal-card__img">
|
|
b80175387
Начальный проект ...
|
23 |
<div class="modal-card-info"> |
|
0cbcbfbe0
Дополнительные ка...
|
24 |
<h1 class="modal-card-info__title">{{ $good->title }}</h1>
|
|
b80175387
Начальный проект ...
|
25 26 27 28 29 |
<div class="modal-card-info-links">
<a href="#" class="link-item">Получить консультацию</a>
<a href="#" class="link-item">Заказать запчасти</a>
</div>
|
|
0cbcbfbe0
Дополнительные ка...
|
30 |
<a class="modal-card-info__btn">Узнать цену</a> |
|
b80175387
Начальный проект ...
|
31 32 33 34 35 36 37 38 39 40 41 42 |
</div>
</div>
</section>
<section class="modal-spec">
<div class="container">
<ul class="modal-spec__tabs">
<li class="modal-spec__tab active js-modal-spec__tab" data-tab=".modal-spec__tab-1">Описание товара</li>
<li class="modal-spec__tab js-modal-spec__tab" data-tab=".modal-spec__tab-2">Характеристики</li>
</ul>
<div class="modal-spec__tabs-content">
<!-- таб описание -->
|
|
0cbcbfbe0
Дополнительные ка...
|
43 |
<div class="modal-spec__tabs-item modal-spec__tabs-item_active modal-spec__tab-1 pr-modal js-modal-spec__tabs-item"> |
|
b80175387
Начальный проект ...
|
44 |
<div class="description"> |
|
0cbcbfbe0
Дополнительные ка...
|
45 46 47 48 49 50 51 52 |
<h2 class="spec__tab-3__title">Описание</h2><br>
<!--<h6 class="description__title">Назначение</h6>-->
@if (!empty($good->description))
{!! $good->description !!}
@else
<p>Здесь ничего нет</p>
@endif
<!--<p class="description__par description__par-1">Данные станки с высокой скоростью и точностью
|
|
b80175387
Начальный проект ...
|
53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 |
предназначены для получистовой и чистовой обработки различного вида
деталей типа: вал, диск, втулка. Станки обеспечивает высокую эффективность, большие объемы и
высокую точность обработки.</p>
<ul class="description__par description__par-2">
<li class="par__item par-2_item">точение наружных поверхностей;</li>
<li class="par__item par-2_item">расточка отверстий;</li>
<li class="par__item par-2_item">расточка внутренних криволинейных поверхностей конической
формы;</li>
<li class="par__item par-2_item">обработка наружной и внутренней резьбы;</li>
<li class="par__item par-2_item">обработка дуг;</li>
<li class="par__item par-2_item">разворачивания отверстий;</li>
<li class="par__item par-2_item">скоростная обработка черных и цветных металлов.</li>
</ul>
<div class="description__par-3">
<p class="description__par description__par-3_text">Вид обработки зависит от выбранного режима,
выбора подачи детали и режущего инстурмента.
В основном - чистовая обработка отпределяется глубиной резания не более 0,5 мм, черновая
может быть до 8 мм</p>
</div>
<h6 class="description__title description__title-2">
Область применения
</h6>
<p class="description__par description__par-4">
Данные станки с высокой скоростью и точностью предназначены для получистовой и чистовой
обработки различного вида
деталей типа: вал, диск, втулка. Станки обеспечивает высокую эффективность, большие объемы и
высокую точность обработки.
</p>
<h6 class="description__title description__title-3">
Область применения
</h6>
<ul class="description__par description__par-5">
<li class="par__item par-5_item">точение наружных поверхностей;</li>
<li class="par__item par-5_item">расточка отверстий;</li>
<li class="par__item par-5_item">расточка внутренних криволинейных поверхностей конической
формы;</li>
<li class="par__item par-5_item">обработка наружной и внутренней резьбы;</li>
<li class="par__item par-5_item">обработка дуг;</li>
<li class="par__item par-5_item">разворачивания отверстий;</li>
<li class="par__item par-5_item">скоростная обработка черных и цветных металлов.</li>
|
|
0cbcbfbe0
Дополнительные ка...
|
98 |
</ul>--> |
|
b80175387
Начальный проект ...
|
99 100 101 102 |
</div>
</div>
<!-- таб характеристики -->
<div class="modal-spec__tabs-item modal-spec__tab-2 js-modal-spec__tabs-item">
|
|
0cbcbfbe0
Дополнительные ка...
|
103 |
<h2 class="spec__tab-3__title">Характеристики</h2> |
|
b80175387
Начальный проект ...
|
104 |
<div class="modal-spec-tab-2-table-container"> |
|
0cbcbfbe0
Дополнительные ка...
|
105 106 107 108 109 110 |
@if (!empty($good->feature))
{!! $good->feature !!}
@else
<p>Здесь ничего нет</p>
@endif
<!--<table class="modal-spec-tab-2-table js_table_product">
|
|
b80175387
Начальный проект ...
|
111 |
<thead> |
|
0cbcbfbe0
Дополнительные ка...
|
112 |
<tr class="spec-table_line line-color js_tr"> |
|
b80175387
Начальный проект ...
|
113 |
<th class="spec-table__title title-main">Model</th> |
|
0cbcbfbe0
Дополнительные ка...
|
114 |
<th class="spec-table__title title-row js_table_title">GWEIKE,<br> |
|
b80175387
Начальный проект ...
|
115 |
LF 6025GH</th> |
|
0cbcbfbe0
Дополнительные ка...
|
116 |
<th class="spec-table__title js_table_title">GWEIKE,<br> |
|
b80175387
Начальный проект ...
|
117 |
LF 6025GH</th> |
|
0cbcbfbe0
Дополнительные ка...
|
118 |
<th class="spec-table__title js_table_title">GWEIKE,<br> |
|
b80175387
Начальный проект ...
|
119 |
LF 6025GH</th> |
|
0cbcbfbe0
Дополнительные ка...
|
120 |
<th class="spec-table__title js_table_title">GWEIKE,<br> |
|
b80175387
Начальный проект ...
|
121 |
LF 6025GH</th> |
|
0cbcbfbe0
Дополнительные ка...
|
122 |
<th class="spec-table__title js_table_title">GWEIKE,<br> |
|
b80175387
Начальный проект ...
|
123 |
LF 6025GH</th> |
|
0cbcbfbe0
Дополнительные ка...
|
124 |
<th class="spec-table__title js_table_title">GWEIKE,<br> |
|
b80175387
Начальный проект ...
|
125 126 |
LF 6025GH</th>
</tr>
|
|
0cbcbfbe0
Дополнительные ка...
|
127 |
<tr class="spec-table_line line-two title-main js_tr"> |
|
b80175387
Начальный проект ...
|
128 129 130 131 |
<th>Общие характеристики</th>
</tr>
</thead>
<tbody>
|
|
0cbcbfbe0
Дополнительные ка...
|
132 |
<tr class="spec-table_line line-color js_tr"> |
|
b80175387
Начальный проект ...
|
133 134 135 136 137 138 139 140 141 |
<th class="spec-table__title title-main">Длина рабочего стола</th>
<td class="spec-table__info">289</td>
<td class="spec-table__info">2879</td>
<td class="spec-table__info">2889</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">288559</td>
</tr>
|
|
0cbcbfbe0
Дополнительные ка...
|
142 |
<tr class="spec-table_line js_tr"> |
|
b80175387
Начальный проект ...
|
143 144 145 146 147 148 149 150 151 |
<th class="spec-table__title title-main">Ход траверсы</th>
<td class="spec-table__info">289</td>
<td class="spec-table__info">2879</td>
<td class="spec-table__info">29</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
</tr>
|
|
0cbcbfbe0
Дополнительные ка...
|
152 |
<tr class="spec-table_line line-color js_tr"> |
|
b80175387
Начальный проект ...
|
153 154 155 156 157 158 159 160 161 |
<th class="spec-table__title title-main">Расстояние между <br>столом и траверсой, мм</th>
<td class="spec-table__info">289</td>
<td class="spec-table__info">2879</td>
<td class="spec-table__info">2889</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">288559</td>
</tr>
|
|
0cbcbfbe0
Дополнительные ка...
|
162 |
<tr class="spec-table_line js_tr"> |
|
b80175387
Начальный проект ...
|
163 164 165 166 167 168 169 170 171 |
<th class="spec-table__title title-main">Длина рабочего стола</th>
<td class="spec-table__info">289</td>
<td class="spec-table__info">2879</td>
<td class="spec-table__info">29</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
</tr>
|
|
0cbcbfbe0
Дополнительные ка...
|
172 |
<tr class="spec-table_line line-color js_tr"> |
|
b80175387
Начальный проект ...
|
173 174 175 176 177 178 179 180 181 |
<th class="spec-table__title title-main">Ход траверсы</th>
<td class="spec-table__info">289</td>
<td class="spec-table__info">2879</td>
<td class="spec-table__info">2889</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">288559</td>
</tr>
|
|
0cbcbfbe0
Дополнительные ка...
|
182 |
<tr class="spec-table_line js_tr"> |
|
b80175387
Начальный проект ...
|
183 184 185 186 187 188 189 190 191 |
<th class="spec-table__title title-main">Расстояние между <br>столом и траверсой, мм</th>
<td class="spec-table__info">289</td>
<td class="spec-table__info">2879</td>
<td class="spec-table__info">29</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
</tr>
|
|
0cbcbfbe0
Дополнительные ка...
|
192 |
<tr class="spec-table_line line-color js_tr"> |
|
b80175387
Начальный проект ...
|
193 194 195 196 197 198 199 200 201 |
<th class="spec-table__title title-main">Ход траверсы</th>
<td class="spec-table__info">289</td>
<td class="spec-table__info">2879</td>
<td class="spec-table__info">2889</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">657</td>
<td class="spec-table__info">288559</td>
</tr>
</tbody>
|
|
0cbcbfbe0
Дополнительные ка...
|
202 |
</table>--> |
|
b80175387
Начальный проект ...
|
203 204 205 206 207 |
</div>
</div>
</div>
</div>
</section>
|
|
0cbcbfbe0
Дополнительные ка...
|
208 |
@if ($lookin_good->count()) |
|
b80175387
Начальный проект ...
|
209 210 211 212 213 214 215 |
<section class="modal-viewed">
<div class="container modal-viewed__container">
<h3 class="modal-viewed__title">
Недавно просматривали
</h3>
<div class="swiper swiper-modal-viewed">
<div class="swiper-wrapper">
|
|
0cbcbfbe0
Дополнительные ка...
|
216 |
@foreach ($lookin_good as $look) |
|
b80175387
Начальный проект ...
|
217 218 |
<div class="swiper-slide">
<div class="modal-viewed__item">
|
|
0cbcbfbe0
Дополнительные ка...
|
219 |
<div class="catalog__item product-slide"> |
|
b80175387
Начальный проект ...
|
220 221 |
<div class="swiper swiper-catalog-item">
<div class="swiper-wrapper">
|
|
0cbcbfbe0
Дополнительные ка...
|
222 |
|
|
b80175387
Начальный проект ...
|
223 |
<div class="swiper-slide swiper-slide-catalog"> |
|
0cbcbfbe0
Дополнительные ка...
|
224 |
<img class="swiper-slide-catalog-img" src="{{ asset(Storage::url($look->image)) }}" alt="">
|
|
b80175387
Начальный проект ...
|
225 |
</div> |
|
0cbcbfbe0
Дополнительные ка...
|
226 227 |
<!--<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
|
|
b80175387
Начальный проект ...
|
228 229 |
src="../img/product/viewed/v-1-min.png" alt=""></div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
|
|
0cbcbfbe0
Дополнительные ка...
|
230 |
src="./img/product/viewed/v-1-min.png" alt=""></div>--> |
|
b80175387
Начальный проект ...
|
231 232 233 234 235 |
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="modal-viewed__item-info">
|
|
0cbcbfbe0
Дополнительные ка...
|
236 |
<h4 class="modal-viewed__item-title"><a href="{{ route('good', ['good' => $look->id]) }}">{{ $look->title }}</a></h4>
|
|
b80175387
Начальный проект ...
|
237 |
<div class="modal-viewed__item-bottom"> |
|
0cbcbfbe0
Дополнительные ка...
|
238 |
<p class="modal-viewed__item-price">{{ $look->price }} ₽</p>
|
|
34528a0ad
Линки на каталог ...
|
239 |
<a class="modal-viewed__item-btn link-btn" href="{{ route('catalog_detail', ['category'=> $look->category_id]) }}">В каталог</a>
|
|
b80175387
Начальный проект ...
|
240 241 242 243 |
</div>
</div>
</div>
</div>
|
|
0cbcbfbe0
Дополнительные ка...
|
244 245 |
@endforeach
<!--<div class="swiper-slide">
|
|
b80175387
Начальный проект ...
|
246 |
<div class="modal-viewed__item"> |
|
0cbcbfbe0
Дополнительные ка...
|
247 |
<div class="catalog__item product-slide"> |
|
b80175387
Начальный проект ...
|
248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 |
<div class="swiper swiper-catalog-item">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-catalog">
<img class="swiper-slide-catalog-img" src="./img/product/viewed/v-2-min.png" alt="">
</div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
src="../img/product/viewed/v-2-min.png" alt=""></div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
src="./img/product/viewed/v-2-min.png" alt=""></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="modal-viewed__item-info">
<h4 class="modal-viewed__item-title">Установка лазерной
резки GWEIKE</h4>
<div class="modal-viewed__item-bottom">
<p class="modal-viewed__item-price">250 990 ₽</p>
<button class="modal-viewed__item-btn">В каталог</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="modal-viewed__item">
|
|
0cbcbfbe0
Дополнительные ка...
|
273 |
<div class="catalog__item product-slide"> |
|
b80175387
Начальный проект ...
|
274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 |
<div class="swiper swiper-catalog-item">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-catalog">
<img class="swiper-slide-catalog-img" src="./img/product/viewed/v-3-min.png" alt="">
</div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
src="../img/product/viewed/v-3-min.png" alt=""></div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
src="./img/product/viewed/v-3-min.png" alt=""></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="modal-viewed__item-info">
<h4 class="modal-viewed__item-title">Установка лазерной
резки GWEIKE</h4>
<div class="modal-viewed__item-bottom">
<p class="modal-viewed__item-price">250 990 ₽</p>
<button class="modal-viewed__item-btn">В каталог</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="modal-viewed__item">
|
|
0cbcbfbe0
Дополнительные ка...
|
299 |
<div class="catalog__item product-slide"> |
|
b80175387
Начальный проект ...
|
300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 |
<div class="swiper swiper-catalog-item">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-catalog">
<img class="swiper-slide-catalog-img" src="./img/product/viewed/v-4-min.png" alt="">
</div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
src="../img/product/viewed/v-4-min.png" alt=""></div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
src="./img/product/viewed/v-4-min.png" alt=""></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="modal-viewed__item-info">
<h4 class="modal-viewed__item-title">Установка лазерной
резки GWEIKE</h4>
<div class="modal-viewed__item-bottom">
<p class="modal-viewed__item-price">250 990 ₽</p>
<button class="modal-viewed__item-btn">В каталог</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="modal-viewed__item">
|
|
0cbcbfbe0
Дополнительные ка...
|
325 |
<div class="catalog__item product-slide"> |
|
b80175387
Начальный проект ...
|
326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 |
<div class="swiper swiper-catalog-item">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-catalog">
<img class="swiper-slide-catalog-img" src="./img/product/viewed/v-1-min.png" alt="">
</div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
src="../img/product/viewed/v-1-min.png" alt=""></div>
<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
src="./img/product/viewed/v-1-min.png" alt=""></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="modal-viewed__item-info">
<h4 class="modal-viewed__item-title">Установка лазерной
резки GWEIKE</h4>
<div class="modal-viewed__item-bottom">
<p class="modal-viewed__item-price">250 990 ₽</p>
<button class="modal-viewed__item-btn">В каталог</button>
</div>
</div>
</div>
|
|
0cbcbfbe0
Дополнительные ка...
|
348 |
</div>--> |
|
b80175387
Начальный проект ...
|
349 350 351 352 |
</div>
</div>
<div class="swiper-button-next swiper-button-next_modal-viewed">
<svg class="svg-partners-next">
|
|
0cbcbfbe0
Дополнительные ка...
|
353 |
<use xlink:href="{{ asset('/img/icons.svg#pr-next') }}"></use>
|
|
b80175387
Начальный проект ...
|
354 355 356 357 |
</svg>
</div>
<div class="swiper-button-prev swiper-button-prev_modal-viewed">
<svg class="svg-partners-back">
|
|
0cbcbfbe0
Дополнительные ка...
|
358 |
<use xlink:href="{{ asset('/img/icons.svg#pr-prev') }}"></use>
|
|
b80175387
Начальный проект ...
|
359 360 361 362 |
</svg>
</div>
</div>
</section>
|
|
0cbcbfbe0
Дополнительные ка...
|
363 |
@endif |
|
b80175387
Начальный проект ...
|
364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 |
<section class="modal-form">
<div class="modal-form__bc"></div>
<div class="container modal-form__container">
<div class="modal-form__right">
<a href="#" class="to-map">Посмотреть на карте</a>
<h3 class="modal-form__right-title">
Получите консультацию
</h3>
</div>
<div class="modal-form__left">
<form class="right__form">
<label class="form__label" for="name">Ваше имя <span class="required">*</span></label>
<input class="right__form-input form__name" type="text" id="name" name="name" placeholder="Введите ваше имя"
required>
<label class="form__label" for="email">E-mail <span class="required">*</span></label>
<input class="right__form-input form__email" type="email" id="email" name="email"
placeholder="Введите ваш e-mail" required>
<label class="form__label" for="number">Телефон</label>
<input class="right__form-input form__tel js_input_phone" type="tel" id="number" name="number"
|
|
0cbcbfbe0
Дополнительные ка...
|
386 |
placeholder="+7 (___) ___-__-__"> |
|
b80175387
Начальный проект ...
|
387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 |
<label class="form__label" for="question">Ваш вопрос <span class="required">*</span></label>
<textarea class="right__form-input form__question" id="question" name="question" placeholder="Введите текст"
required></textarea>
<button class="right__form-button" type="submit">Отправить заявку</button>
</form>
</div>
</div>
</section>
</div>
</div>
</main>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
|
|
0cbcbfbe0
Дополнительные ка...
|
404 405 |
<script src="https://unpkg.com/imask"></script>
<script src="{{ asset('js/main_js.js') }}"></script>
|
|
b80175387
Начальный проект ...
|
406 407 408 |
</body> </html> |