Skip to content

Instantly share code, notes, and snippets.

@Padilo300
Last active September 6, 2018 12:04
Show Gist options
  • Save Padilo300/926e3734dd4d890fdc8a2ebb892e37b4 to your computer and use it in GitHub Desktop.
Save Padilo300/926e3734dd4d890fdc8a2ebb892e37b4 to your computer and use it in GitHub Desktop.
Product cart
<?php
global $loader, $registry;
$loader->model('module/kolesadpua');
$model_kolesadpua = $registry->get('model_module_kolesadpua');
$articles_product =$loader->controller('module/articles_product',$product_id);
$videos_product =$loader->controller('module/videos_product',$product_id);
?>
<?php echo $header; ?>
<style>
.page-product .wrap-img {
overflow: hidden;
height: 50vh; }
.page-product .wrap-img img {
height: 500px;
-webkit-transform: translate(-20%, 26%);
-ms-transform: translate(-20%, 26%);
transform: translate(-20%, 26%); }
.page-product .wrap-img i {
top: 17%;
left: 3%;
color: #f00;
position: absolute;
font-size: 3em; }
.page-product h1.name {
font-size: 1.8em; }
#accordion h4 a{
text-align: left;
}
@media screen and (min-width: 1169px) {
.page-product .container_price {
margin: 100px 0 0 0; } }
.page-product #accordion {
margin: 30px 0; }
.page-product table.price {
width: 100%; }
.page-product table.price tr {
padding: 10px 0; }
.page-product table.price tr td {
text-align: center; }
.page-product table.price tr td.buy {
background-color: #f00;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #fff;
font-size: 1.5em;
padding: 0 0 3px 0;
}
.page-product .container_info_accordion a[data-toggle="collapse"] i {
color: #f00; }
.panel-body{
width: 100% !important;
}
</style>
<!-- Event snippet for Example dynamic remarketing page -->
<script>
gtag('event', 'page_view', {'send_to': 'AW-923753987',
'ecomm_prodid' : '<?php echo $product_id?>',
'ecomm_pagetype' : 'product',
'ecomm_totalvalue' : '<?php echo preg_replace("/[^0-9]/", '', $price); ?>',
'ecomm_pname' : '<?php echo $heading_title; ?>'
});
</script>
<!-- main area begin -->
<main role="main" class="under-header">
<section class="content">
<div class="content__container" itemscope itemtype="http://schema.org/Product">
<div class="breacrumbs-row">
<div class="breacrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
<ul class="breadcrumbs-one">
<?php for ($i=0; $i<count($breadcrumbs)-1;$i++) { ?>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="<?php echo $breadcrumbs[$i]['href']; ?>">
<span itemprop="name"><?php echo $breadcrumbs[$i]['text']; ?></span>
</a>
<meta itemprop="position" content="<?php if($i==0) echo 1; else echo $i; ?>" />
</li>
<?php } ?>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a class="current" itemprop="item" href="<?php echo $breadcrumbs[count($breadcrumbs)-1]['href']; ?>">
<span itemprop="name"><?php echo $breadcrumbs[count($breadcrumbs)-1]['text']; ?></span>
</a>
<meta itemprop="position" content="<?php if($i==0) echo 1; else echo $i; ?>" />
</li>
</ul>
</div>
</div>
<div class="container">
<div class="row" >
<div class="col-xs-12">
<div class="row page-product">
<div class="col-xs-12 col-lg-5"><!-- изображение товара-->
<div class="wrap-img">
<img src="https://www.mobilshina.com.ua/image/data/1000002077.jpg" alt="">
<i class="fa fa-sun-o" aria-hidden="true"></i>
</div>
</div><!-- конец изображение товара-->
<div class="col-xs-12 col-lg-7 container_price"><!-- описание товара-->
<h1 itemprop="name" class="name text-center" ><?php echo $heading_title; ?></h1>
<table class="price">
<tr>
<td>2017</td>
<td>Италия</td>
<td>3шт</td>
<td>1300 грн</td>
<td class="buy">купить</td>
</tr>
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td>2017</td>
<td>Италия</td>
<td>3шт</td>
<td>1300 грн</td>
<td class="buy">купить</td>
</tr>
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td>2017</td>
<td>Италия</td>
<td>3шт</td>
<td>1300 грн</td>
<td class="buy">купить</td>
</tr>
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td>2017</td>
<td>Италия</td>
<td>3шт</td>
<td>1300 грн</td>
<td class="buy">купить</td>
</tr>
</table>
</div><!-- конец описание товара-->
<div class="col-xs-12"> <!-- описание -->
<div class="panel-group container_info_accordion" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
Характеристика
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<table class="product-parameters">
<tbody>
<tr>
<td>Бренд</td>
<td>
<?php if ($manufacturer) { echo $manufacturer; }?>
</td>
</tr>
<tr>
<td>Модель</td>
<td>
<?php if ($model) { echo $model; }?>
</td>
</tr>
<?php
$attribute_groups = $model_kolesadpua->getProductAttributesSotrOrderNotNegative($product_id);
?>
<?php if ($attribute_groups) { ?>
<?php foreach ($attribute_groups as $attribute_group) { ?>
<?php $width=0;
foreach ($attribute_group['attribute'] as $attribute) {
if($attribute['attribute_id']==13 || $attribute['attribute_id']==19 || $attribute['attribute_id']==25) {
$width=(int)$attribute['text'];
}
} ?>
<?php foreach ($attribute_group['attribute'] as $attribute) { ?>
<tr>
<td><?php echo $attribute['name']; ?></td>
<td>
<?php echo $attribute['text'];
if($attribute['attribute_id']==16 || $attribute['attribute_id']==22 || $attribute['attribute_id']==28) {
$speed_index_info = $model_kolesadpua->getSpeedIndexInfo(trim($attribute['text']));
if($speed_index_info)
{
echo ' - '.$speed_index_info.' км/ч';
}
}
if($attribute['attribute_id']==17 || $attribute['attribute_id']==23 || $attribute['attribute_id']==29) {
$load_index_info = $model_kolesadpua->getLoadIndexInfo(trim($attribute['text']));
if($load_index_info)
{
echo ' - до '.$load_index_info.' кг';
}
}
if($attribute['attribute_id']==14 || $attribute['attribute_id']==20 || $attribute['attribute_id']==26) {
echo '%';
$height=round(((float)$width/(float)100.0)*(int)$attribute['text']);
if($height>0)
{
echo ' - '.$height.' мм';
}
}
?>
</td>
</tr>
<?php } ?>
<?php } ?>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
Описание
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<div class="text-content">
<?php if($description) { ?>
<div class="text-content">
<h2>Описание - <?php echo $heading_title; ?></h2>
<?php echo $description; ?>
</div>
<?php }else{ ?>
<div class="no-content"><span>Описание к данному товару скоро появится.</span></div>
<?php } ?>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
<?php
$rating=$model_kolesadpua->getProductRating($product_id);
$reviewsCount=(int)$model_kolesadpua->getProductCount($product_id);
if( $rating>0){
echo " <span itemprop='aggregateRating' itemscope itemtype='http://schema.org/AggregateRating'>";
echo " <meta itemprop='ratingValue' content=" .$rating. " />";
echo " <meta itemprop='ratingCount' content=" .$reviewsCount. " />";
echo " <meta itemprop='bestRating' content='5' />";
echo " </span>";
}
$rating=ceil($rating);
for ($i = 1; $i <= $rating; $i++) { ?>
<span class="star on"></span>
<?php }
for ($i = $rating; $i < 5; $i++) { ?>
<span class="star off"></span>
<?php } ?>
<!-- Рейтинг: <?php echo $rating;?>, -->
Отзывы (<?php echo $reviewsCount;?>)
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<?php echo $content_bottom; ?>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse5">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
Видео
</a>
</h4>
</div>
<div id="collapse5" class="panel-collapse collapse">
<div class="panel-body">
<?php if($video){ ?>
<div class="text-content">
<h2>Видеообзор - <?php if ($manufacturer) { echo $manufacturer; }?> <?php if ($model) { echo $model; }?></h2>
</div>
<div class="video__item">
<div class="video__item-wrap" data-youtube="true" data-video-id="<?php echo $video;?>" data-youtubeimg="true" data-imgsize="mqdefault"></div>
</div>
<?php }else{ ?>
<div class="no-content"><span>Видеообзор к данному товару скоро появится.</span></div>
<?php } ?>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse6">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
Доставка и оплата
</a>
</h4>
</div>
<div id="collapse6" class="panel-collapse collapse">
<div class="panel-body">
<div class="text-content">
<h2>Доставка</h2>
<p>Наш интернет магазин автошин Mobilshina.com.ua отличается не только выгодной ценовой политикой, но и четкой, слаженной и проверенной на практике системой оплаты и доставки товара. В максимально кратчайшие сроки мы доставим Ваш заказ в любой регион посредством той службы, которую Вы выберите сами.</p>
<p>Доставка по Украине осуществляется при помощи службы Интайм, Новая Почта&nbsp;&nbsp;или другой удобной для Вас транспортной компанией (стоимость доставки можно рассчитать на сайтах компаний). Выберите свой населенный пункт из списка, чтобы найти ближайшее место выдачи товара.</p>
<h2>Оплата</h2>
<p>Интернет магазин&nbsp;шин и дисков МобилШина&nbsp;принимает оплату всеми удобными для Вас способами, такими как - &nbsp; безналичный&nbsp; расчет и наложeнный платеж (то есть, при получении&nbsp;товара), поэтому&nbsp;
<a href="https://www.mobilshina.com.ua/">купить автомобильные шины</a>&nbsp;у нас очень просто.
</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- конец описание -->
</div><!-- row page-product -->
</div><!-- конец главного col-xs-12-->
</div>
</div>
<div class="content-product-container-row">
<div class="text-content">
<h1 itemprop="name" ><?php echo $heading_title; ?></h1>
</div>
<div class="content-product-container-column-image-product">
<div class="content-product-container-column-image-product-vertical-container">
<div class="content-product-container-column-image-product-gorizontal-container">
<div class="content-product-container-column-image-product-arround">
<div class="content-product-container-column-image-product-img-border">
<img itemprop="image" class="content-product-container-column-image-product-img" src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>">
</div>
</div>
</div>
</div>
<?php
switch ((int)$model_kolesadpua->getSeason($product_id, 0))
{
case 1:
{
echo '<i class="special-icon-winter special-icon-product"></i>';
break;
}
case 2:
{
echo '<i class="special-icon-sun special-icon-product"></i>';
break;
}
case 3:
{
echo '<i class="special-icon-all-season special-icon-product"></i>';
break;
}
}
?>
</div>
<div class="content-product-container-column-description-product">
<div class="content-product-container-column-description-product-container">
<div class="content-product-container-column-description-product-container-buy-row">
<div class="content-product-container-column-description-product-container-buy-parametrs">
<div class="select-form">
<?php if ($price) { ?>
<div class="content-product-container-column-product-wrap-item-buy-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="UAH" />
<meta itemprop="price" content="<?php echo str_replace('грн.', '', $price); ?>" />
<?php if ($special) { ?>
<div class="old-price">
Цена:
<span class="line-through"><?php echo str_replace('грн.', ' грн.', $price); ?></span>
</div>
<div class="new-price">
<?php echo str_replace('грн.', ' грн.', $special); ?>
</div>
<?php } else { ?>
<div class="old-price">
Цена:
<span class="line-through"></span>
</div>
<div class="new-price">
<?php echo str_replace('грн.', ' грн.', $price); ?>
</div>
<?php } ?>
<div itemprop="itemCondition" class="stock-status">
<?php echo $stock; ?>
</div>
</div>
<?php } ?>
<?php if ($quantity>0) { ?>
<div class="content-product-container-column-description-product-container-buy-column" id="product">
<div class="content-product-container-column-description-product-container-spinner-column">
<input type="hidden" name="maxquantity" value="<?php echo $quantity; ?>">
<button type="button" class="button-spinner-plus-from-product" onclick="">
<span class="glyphicon glyphicon-chevron-up"></span>
</button>
<?php if ($quantity<4) { ?>
<input type="text" name="quantity" size="2" value="<?php echo $quantity; ?>" class="input-quantity-from-product">
<?php } else { ?>
<input type="text" name="quantity" size="2" value="4" class="input-quantity-from-product">
<?php } ?>
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
<button type="button" class="button-spinner-minus-from-product" onclick="">
<span class="glyphicon glyphicon-chevron-down"></span>
</button>
</div>
<button type="button" id="button-cart-product" class="button-buy-from-product" onclick='gtag("event", "add_to_cart", {
"items": [
{
"id" : "<?php echo $product_id?>",
"name" : "<?php echo $heading_title; ?>",
"list_name" : "Страница товара",
"brand" : "<?php echo $manufacturer?>",
"category" : "<?php echo $attribute_groups[0]['name']; ?>",
"variant" : "<?php echo $attribute_groups[0]['attribute'][3]['text']; ?>",
"price" : "<?php echo preg_replace("/[^0-9]/", '', $price); ?>"
}
]
});fbq("track", "ViewContent", {
content_type: "product",
content_ids: "<?php echo $product_id?>",
content_name: "<?php echo $heading_title;?>",
content_category:<?php echo $attribute_groups[0]['name']; ?>,
value: <?php echo preg_replace("/[^0-9]/", '', $price); ?>,
currency: "UAH"
});
' >КУПИТЬ</button>
</div>
<?php } ?>
</div>
<!-- BUY ONE KLICK -->
<!--<div class="buy-one-click">
<input type="text" class="buy-one-click__input" placeholder="(000) 000-00-00">
<span class="buy-one-click__phone-prefix">+38</span>
<button class="buy-one-click__button">Купить в один клик</button>
</div>-->
<div class="clearfix"></div>
<div class="content-product-container-column-product-wrap-item-buy-rating-stars">
<?php
$rating=$model_kolesadpua->getProductRating($product_id);
$reviewsCount=(int)$model_kolesadpua->getProductCount($product_id);
if( $rating>0){
echo " <span itemprop='aggregateRating' itemscope itemtype='http://schema.org/AggregateRating'>";
echo " <meta itemprop='ratingValue' content=" .$rating. " />";
echo " <meta itemprop='ratingCount' content=" .$reviewsCount. " />";
echo " <meta itemprop='bestRating' content='5' />";
echo " </span>";
}
$rating=ceil($rating);
for ($i = 1; $i <= $rating; $i++) { ?>
<span class="star on"></span>
<?php }
for ($i = $rating; $i < 5; $i++) { ?>
<span class="star off"></span>
<?php } ?>
<!-- Рейтинг: <?php echo $rating;?>, -->
<span class="rating-text"> Отзывов: <?php echo $reviewsCount;?></span>
</div>
<div class="clearfix"></div>
<div class="content-product-container-column-product-wrap-item-parameters">
<div class="product-parameters-header">Характеристики</div>
<table class="product-parameters">
<tr>
<td>Бренд</td>
<td><?php if ($manufacturer) { echo $manufacturer; }?></td>
</tr>
<tr>
<td>Модель</td>
<td><?php if ($model) { echo $model; }?></td>
</tr>
<?php
$attribute_groups = $model_kolesadpua->getProductAttributesSotrOrderNotNegative($product_id);
?>
<?php if ($attribute_groups) { ?>
<?php foreach ($attribute_groups as $attribute_group) { ?>
<?php $width=0;
foreach ($attribute_group['attribute'] as $attribute) {
if($attribute['attribute_id']==13 || $attribute['attribute_id']==19 || $attribute['attribute_id']==25) {
$width=(int)$attribute['text'];
}
} ?>
<?php foreach ($attribute_group['attribute'] as $attribute) { ?>
<tr>
<td><?php echo $attribute['name']; ?></td>
<td>
<?php echo $attribute['text'];
if($attribute['attribute_id']==16 || $attribute['attribute_id']==22 || $attribute['attribute_id']==28) {
$speed_index_info = $model_kolesadpua->getSpeedIndexInfo(trim($attribute['text']));
if($speed_index_info)
{
echo ' - '.$speed_index_info.' км/ч';
}
}
if($attribute['attribute_id']==17 || $attribute['attribute_id']==23 || $attribute['attribute_id']==29) {
$load_index_info = $model_kolesadpua->getLoadIndexInfo(trim($attribute['text']));
if($load_index_info)
{
echo ' - до '.$load_index_info.' кг';
}
}
if($attribute['attribute_id']==14 || $attribute['attribute_id']==20 || $attribute['attribute_id']==26) {
echo '%';
$height=round(((float)$width/(float)100.0)*(int)$attribute['text']);
if($height>0)
{
echo ' - '.$height.' мм';
}
}
?>
</td>
</tr>
<?php } ?>
<?php } ?>
<?php } ?>
</table>
</div>
</div>
<div class="content-product-container-column-description-product-container-buy-privilege">
<div class="privilege__block">
<div class="privilege__ico-youtube">
<i class="fa fa-credit-card fa-2x"></i>
</div>
<div class="privilege__text">
<span>ВСЕ СПОСОБЫ ОПЛАТЫ <br>БЕЗ ПРЕДОПЛАТЫ
</span>
</div>
</div>
<div class="privilege__block">
<div class="privilege__ico-youtube">
<i class="fa fa-truck fa-2x"></i>
</div>
<div class="privilege__text">
<span><a href="/oplata-i-doctavka.html">ДОСТАВКА</a> ПО УКРАИНЕ 0-3 ДНЯ<br>ИЛИ САМОВЫВОЗ
</span>
</div>
</div>
<div class="privilege__block">
<div class="privilege__ico-youtube">
<i class="fa fa-database fa-2x"></i>
</div>
<div class="privilege__text">
<span>Склады по всей Украине
</span>
</div>
</div>
<div class="privilege__block">
<div class="privilege__ico-youtube">
<i class="fa fa-bullhorn fa-2x"></i>
</div>
<div class="privilege__text">
<span>
Расширенная <a href="/garantii.html">ГАРАНТИЯ</a>
</span>
</div>
</div>
<div class="privilege__block">
<div class="privilege__ico-youtube">
<i class="fa fa-users fa-2x"></i>
</div>
<div class="privilege__text">
<span>
более 20 лет опыта на<br>
на своих шинных центрах
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-product-container-tabs">
<ul class="navigation">
<li class="active"><a data-toggle="tab" href="#description">Описание</a></li>
<li><a data-toggle="tab" href="#video">Видео</a></li>
<li>
<a data-toggle="tab" href="#reviews" onclick='gtag("event", "view_item", {
"items": [
{
"id" : "<?php echo $product_id?>",
"name" : "<?php echo $heading_title; ?>",
"list_name" : "Отзывы",
"brand" : "<?php echo $manufacturer?>",
"category" : "<?php echo $attribute_groups[0]['name']; ?>",
"variant" : "<?php echo $attribute_groups[0]['attribute'][3]['text']; ?>",
"price" : "<?php echo preg_replace("/[^0-9]/", '', $price); ?>"
}
]
});'>
Отзывы (<?php echo $reviewsCount;?>)
</a>
</li>
<li><a data-toggle="tab" href="#delivery">Доставка и оплата</a></li>
</ul>
<div class="tab-content">
<div id="description" class="tab-pane fade in active">
<?php if($description) { ?>
<div class="text-content">
<h2>Описание - <?php echo $heading_title; ?></h2>
<?php echo $description; ?>
</div>
<?php }else{ ?>
<div class="no-content"><span>Описание к данному товару скоро появится.</span></div>
<?php } ?>
<div class="recomend-read">
<?php // echo $articles_product;?>
</div>
</div>
<div id="video" class="tab-pane fade video">
<?php if($video){ ?>
<div class="text-content">
<h2>Видеообзор - <?php if ($manufacturer) { echo $manufacturer; }?> <?php if ($model) { echo $model; }?></h2>
</div>
<div class="video__item">
<div class="video__item-wrap" data-youtube="true" data-video-id="<?php echo $video;?>" data-youtubeimg="true" data-imgsize="mqdefault"></div>
</div>
<?php }else{ ?>
<div class="no-content"><span>Видеообзор к данному товару скоро появится.</span></div>
<?php } ?>
<!--<div class="video__item">
<div class="video__item-wrap" data-youtube="true" data-video-id="SDmsxU7qbdw" data-youtubeimg="true" data-imgsize="mqdefault"></div>
</div>-->
<div class="video__recomended">
<?php echo $videos_product;?>
</div>
<!--<iframe width="560" height="315" src="https://www.youtube.com/embed/fbmZItb5G5A" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>-->
</div>
<div id="delivery" class="tab-pane fade">
<div class="text-content">
<h2>Доставка</h2>
<p>Наш интернет магазин автошин Mobilshina.com.ua отличается не только выгодной ценовой политикой, но и четкой, слаженной и проверенной на практике системой оплаты и доставки товара. В максимально кратчайшие сроки мы доставим Ваш заказ в любой регион посредством той службы, которую Вы выберите сами.</p>
<p>Доставка по Украине осуществляется при помощи службы Интайм, Новая Почта&nbsp;&nbsp;или другой удобной для Вас транспортной компанией (стоимость доставки можно рассчитать на сайтах компаний). Выберите свой населенный пункт из списка, чтобы найти ближайшее место выдачи товара.</p>
<h2>Оплата</h2>
<p>Интернет магазин&nbsp;шин и дисков МобилШина&nbsp;принимает оплату всеми удобными для Вас способами, такими как - &nbsp; безналичный&nbsp; расчет и наложeнный платеж (то есть, при получении&nbsp;товара), поэтому&nbsp;<a href="https://www.mobilshina.com.ua/">купить автомобильные шины</a>&nbsp;у нас очень просто.</p>
</div>
</div>
<div id="reviews" class="tab-pane fade">
<?php echo $content_bottom; ?>
</div>
</div>
</div>
<?php echo $column_left;?>
</div>
</section>
</main>
<!-- main area end -->
<?php echo $footer; ?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment