提交 0ceac683 编写于 作者: R root

apphtml5 产品详细页面的样式

上级 943da16b
body{font-family:Verdana,Arial,Tahoma;font-size:0.7rem;}
html {
font-family: sans-serif;
}
body{
font-family:Verdana,Arial,Tahoma;font-size:0.6rem;
overflow-wrap: break-word;
color: #24292e;
}
.button{padding:0}
ul {list-style: outside none none;margin:0;}
.theme-dark .searchbar::after{
......@@ -47,12 +55,12 @@ h1{font-size:1em;color:#333;font-weight:100;}
.popup-overlay.modal-overlay-visible{display:none}
.filter_attr_info a {
background: rgba(0, 0, 0, 0) url("../img/checkbox.png") no-repeat scroll -69px 3px;
background: rgba(0, 0, 0, 0) url("../img/checkbox.png") no-repeat scroll -69px 1px;
font-size: 0.8em;
padding: 0 0 0 16px;
}
.filter_attr_info a.checked {
background-position: -50px -17px;
background-position: -50px -19px;
}
.closeBtn {
......@@ -93,18 +101,7 @@ h1{font-size:1em;color:#333;font-weight:100;}
*::-moz-placeholder {
color: #6a737d;
}
body {
overflow-wrap: break-word;
}
body {
color: #24292e;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 0.8em;
line-height: 1.5;
}
html {
font-family: sans-serif;
}
.content-block .filter_attr_title {
border-bottom: 1px solid #ddd;
color: #333;
......@@ -146,13 +143,15 @@ a{font-size:0.8em;}
.sort_filter{margin-top:0.4rem;margin-bottom:-0.2rem;}
.media_img_content{max-width:400px;margin:auto;}
.product_view{padding:0 1rem;}
.rbc_cold , .item_code{font-size:0.55rem;color:#777;float:left;margin-right:25px;}
.item_code{margin-right:0;}
.product_info h1{font-size:0.7rem;margin-bottom:0}
.item_code{margin-right:0;}
.product_info h1{ font-size: 0.6rem;
font-weight: 100;
margin-bottom: 0;}
.swiper-container{padding-bottom: 5px;}
.price_info {
margin: 20px 0;
margin: 10px 0 0;
}
......@@ -179,7 +178,7 @@ a{font-size:0.8em;}
.product_options {
margin: 40px 0 0;
margin: 0.4rem 0 0;
}
.product_options .label {
line-height: 49px;
......@@ -218,12 +217,13 @@ a{font-size:0.8em;}
height: 49px;
padding: 1px;
width: 44px;
line-height:49px;
}
.product_options a.current {
border: 1px solid #cc0000;
}
.rg .qty{margin-left:4px;}
.product_options li.current b {
......@@ -249,8 +249,8 @@ a{font-size:0.8em;}
}
.product_description_info{width:100%;overflow:hidden;}
.product_description_info{min-height:300px;width:100%;overflow:hidden;margin-top:0.55rem;}
.product_description_info .content-block{padding-top:0.24rem;}
.chose_size a {
border: 1px solid #ccc;
font-size: 11px;
......@@ -277,39 +277,83 @@ a{font-size:0.8em;}
.button.button-fill.addProductToCart{height:1.55rem;line-height:1.55rem;}
.product_description_info .buttons-tab a{font-size:0.55rem;}
.text-description , .text-reviews , .text-questions{font-size:0.6rem;}
.tier_price_info{margin:0.5rem 0 1rem;color:#333;}
.tier_price_info table{width:100%;color:#777;}
.buy_also_buy_cer{padding: 0 1rem;}
.tier_price_info table{font-size: 0.56rem;}
.buy_also_buy .scroll_left{
border-bottom: 1px solid #ddd;
margin: 15px 0 5px;
padding: 5px 0;
text-transform: uppercase;
}
.buy_also_buy .scroll_left a{color: #333;font-size: 0.9em; font-family: Arial;}
.buttons-tab .button{height: 1.6rem;
line-height: 1.6rem;}
.review_star_5 {
background: rgba(0, 0, 0, 0) url("../img/Star_5.png") no-repeat scroll 0 0;
}
.review_star_4 {
background: rgba(0, 0, 0, 0) url("../img/Star_4.png") no-repeat scroll 0 0;
}
.review_star_3 {
background: rgba(0, 0, 0, 0) url("../img/Star_3.png") no-repeat scroll 0 0;
}
.review_star_2 {
background: rgba(0, 0, 0, 0) url("../img/Star_2.png") no-repeat scroll 0 0;
}
.review_star_1 {
background: rgba(0, 0, 0, 0) url("../img/Star_1.png") no-repeat scroll 0 0;
}
.review_star_0 {
background: rgba(0, 0, 0, 0) url("../img/Star_0.png") no-repeat scroll 0 0;
}
.review_star {
display: block;
height: 15px;
width: 69px;
}
.product-Reviews_top ul{padding-left:0}
.review_description_left a{display:block;}
.review_description_left p{ display:block;float:left;margin: 0.3rem 1rem 0.3rem 0}
.review_description_left span{display:block;float:right;margin: 0.3rem 0 0.3rem 0}
.review_description_right_span b{font-weight:100;}
.buttons-row .button{
border-color:#ccc;
font-size:0.55rem;
}
.average_rating {
float: left;
}
.rbc_cold .review_star {
display: block;
float: left;
height: 15px;
margin: 0.19rem 10px 0 5px;
text-align: right;
width: 95px;
}
.rbc_cold{margin-top:0.22rem;}
.rbc_cold , .item_code{color:#777;}
.item_sku{color:#555;}
......
......@@ -34,9 +34,10 @@
</a>
</span>
</div>
<div class="clear"></div>
<div class="item_code">
<?= Yii::$service->page->translate->__('Item Code:'); ?>
<?= $sku; ?>
<span class="item_sku"><?= $sku; ?></span>
</div>
<div class="clear"></div>
</div>
......@@ -117,98 +118,109 @@
</div>
<div class="tier_price_info">
<?php # tier price 部分。
$priceView = [
'view' => 'catalog/product/index/tier_price.php'
];
$priceParam = [
'tier_price' => $tier_price,
];
?>
<?= Yii::$service->page->widget->render($priceView,$priceParam); ?>
</div>
<div class="addtocart">
<a href="javascript:void(0)" id="js_registBtn" class="button button-fill button-success redBtn addProductToCart">
<a external href="javascript:void(0)" id="js_registBtn" class="button button-fill button-success redBtn addProductToCart">
<em><span><i></i><?= Yii::$service->page->translate->__('Add To Cart'); ?></span></em>
</a>
<a href="<?= Yii::$service->url->getUrl('catalog/favoriteproduct/add',['product_id'=>$_id]); ?>" id="js_registBtn" class="button button-fill button-success redBtn addProductToFavo">
<a external href="<?= Yii::$service->url->getUrl('catalog/favoriteproduct/add',['product_id'=>$_id]); ?>" id="js_registBtn" class="button button-fill button-success redBtn addProductToFavo">
<em><span><i></i><?= Yii::$service->page->translate->__('Add to Favorites'); ?></span></em>
</a>
<div class="clear"></div>
</div>
</div>
<div class="tier_price_info">
<?php # tier price 部分。
$priceView = [
'view' => 'catalog/product/index/tier_price.php'
];
$priceParam = [
'tier_price' => $tier_price,
];
?>
<?= Yii::$service->page->widget->render($priceView,$priceParam); ?>
</div>
</div>
</div>
<div>
<?php # tier price 部分。
$buyAlsoBuyView = [
'view' => 'catalog/product/index/buy_also_buy.php'
];
$buyAlsoBuyParam = [
'products' => $buy_also_buy,
];
?>
<?= Yii::$service->page->widget->render($buyAlsoBuyView,$buyAlsoBuyParam); ?>
</div>
<div class="clear"></div>
<div class="product_description_info">
<div class="buttons-tab">
<a href="#tab1" class="tab-link active button"><?= Yii::$service->page->translate->__('Description'); ?></a>
<a href="#tab2" class="tab-link button"><?= Yii::$service->page->translate->__('Reviews'); ?></a>
<a href="#tab3" class="tab-link button"><?= Yii::$service->page->translate->__('Shipping & Payment'); ?></a>
</div>
<div class="nav" id="nav-container">
<ul id="nav-box">
<li class="nav_tab cur" rel="description"><?= Yii::$service->page->translate->__('Description'); ?></li>
<li class="nav_tab" rel="reviews"><?= Yii::$service->page->translate->__('Reviews'); ?></li>
<li class="nav_tab" rel="questions"><?= Yii::$service->page->translate->__('Shipping & Payment'); ?></li>
<!-- <li class="nav_tab" rel="wholesale">WHOLESALE</li> -->
</ul>
</div>
<div id="text">
<div class="text-description" style="">
<?= $description; ?>
</div>
<div class="text-reviews" id="text-reviews" style="">
<?php # review部分。
$reviewView = [
'class' => 'fecshop\app\apphtml5\modules\Catalog\block\product\Review',
'view' => 'catalog/product/index/review.php',
'product_id' => $_id,
'spu' => $spu,
];
<div class="content-block">
<div class="tabs">
<div id="tab1" class="tab active">
<div class="content-block">
<div class="text-description" style="">
<?= $description; ?>
</div>
</div>
</div>
<div id="tab2" class="tab">
<div class="content-block">
<div class="text-reviews" id="text-reviews" style="">
<?php # review部分。
$reviewView = [
'class' => 'fecshop\app\apphtml5\modules\Catalog\block\product\Review',
'view' => 'catalog/product/index/review.php',
'product_id' => $_id,
'spu' => $spu,
];
?>
<?= Yii::$service->page->widget->render($reviewView,$reviewParam); ?>
</div>
</div>
</div>
<div id="tab3" class="tab">
<div class="content-block">
<div class="text-questions" style="">
<?php # payment部分。
$paymentView = [
'view' => 'catalog/product/index/payment.php',
];
?>
<?= Yii::$service->page->widget->render($paymentView); ?>
?>
<?= Yii::$service->page->widget->render($reviewView,$reviewParam); ?>
</div>
<div class="text-questions" style="">
<?php # payment部分。
$paymentView = [
'view' => 'catalog/product/index/payment.php',
];
?>
<?= Yii::$service->page->widget->render($paymentView); ?>
</div>
<!--
<div class="text-wholesale" style="width:100%;height:500px;background:yellow;text-align:center;">
</div>
-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="buy_also_buy_cer">
<?php # buy also buy 部分。
$buyAlsoBuyView = [
'view' => 'catalog/product/index/buy_also_buy.php'
];
$buyAlsoBuyParam = [
'products' => $buy_also_buy,
];
?>
<?= Yii::$service->page->widget->render($buyAlsoBuyView,$buyAlsoBuyParam); ?>
</div>
</div>
......
......@@ -6,31 +6,14 @@
<div class="scrollBox">
<div class="viewport" style="overflow: hidden; position: relative;">
<div id="owl-buy-also-buy" class="owl-carousel">
<?php foreach($parentThis['products'] as $product){ ?>
<div class="item">
<p class="tc pro_img">
<a style="" class="i_proImg" href="<?= $product['url'] ?>">
<img style="width:100%;" class="lazyOwl" data-src="<?= Yii::$service->product->image->getResize($product['image'],[180,200],false) ?>" src="<?= Yii::$service->image->getImgUrl('images/lazyload1.gif','apphtml5') ; ?>">
</a>
</p>
<!--
<p class="proName">
<a href="<?= $product['url'] ?>">
<?= $product['name'] ?>
</a>
</p>
-->
<?php
$config = [
'class' => 'fecshop\app\apphtml5\modules\Catalog\block\category\Price',
'view' => 'cms/home/index/price.php',
'price' => $product['price'],
'special_price' => $product['special_price'],
];
echo Yii::$service->page->widget->renderContent('category_product_price',$config);
?>
</div>
<?php } ?>
<?php
//$parentThis['products'] = $parentThis['products'];
$parentThis['name'] = 'featured';
$config = [
'view' => 'cms/home/index/product.php',
];
echo Yii::$service->page->widget->renderContent('category_product_price',$config,$parentThis);
?>
</div>
</div>
</div>
......
......@@ -7,7 +7,7 @@
<p><?= Yii::$service->page->translate->__('1. PayPal'); ?></p>
<p><img alt="" height="96" src="<?= Yii::$service->image->getImgUrl('images/paypal48.jpg','apphtml5') ?>" width="300"></p>
<p><img alt="" height="96" src="<?= Yii::$service->image->getImgUrl('images/paypal48.jpg','appfront') ?>" width="300"></p>
<p><?= Yii::$service->page->translate->__('1) Login To Your Account or use Credit Card Express.'); ?><br>
<?= Yii::$service->page->translate->__('2) Enter your Card Details, the order will be shipped to your PayPal address. And click "Submit".'); ?><br>
......@@ -15,7 +15,7 @@
<p><?= Yii::$service->page->translate->__('2. Credit Card'); ?></p>
<p><img alt="" height="40" src="<?= Yii::$service->image->getImgUrl('images/creditcard48.jpg','apphtml5') ?>" width="554"></p>
<p><img alt="" height="40" src="<?= Yii::$service->image->getImgUrl('images/creditcard48.jpg','appfront') ?>" width="554"></p>
<p> <?= Yii::$service->page->translate->__('1) Choose your shipping address OR create a new one.'); ?><br>
<?= Yii::$service->page->translate->__('2) Enter your Card Details and click "Submit".'); ?><br>
......
<div class="product-Reviews">
<div id="pic_list_2" class="scroll_horizontal">
<div class="scroll_left">
<a href=""><?= Yii::$service->page->translate->__('Product Review'); ?></a>
</div>
<div class="clear"></div>
<div class="box">
<div class="product-Reviews_top">
......@@ -16,6 +14,7 @@
<a href="#" class="review_star review_star_<?= $one['rate_star'] ?>" onclick="javascript:return false;"></a>
<p><?= Yii::$service->page->translate->__('By'); ?> <?= $one['name'] ?></p>
<span><?= $one['review_date'] ? date('Y-m-d H:i:s',$one['review_date']) : '' ?></span>
<div class="clear"></div>
</div>
<div class="review_description_right">
<input id="review_url_407" value="" type="hidden">
......@@ -40,16 +39,15 @@
<?php } ?>
</div>
<div class="clear"></div>
<a class="submitbutton" href="<?= Yii::$service->url->getUrl('catalog/reviewproduct/add',['spu'=>$spu,'_id'=>$_id]); ?>" >
<?= Yii::$service->page->translate->__('Add Review'); ?>
</a>
<div class="clear"></div>
<div class="view_all_review">
<a href="<?= Yii::$service->url->getUrl('catalog/reviewproduct/lists',['spu'=>$spu,'_id'=>$_id]); ?>" >
<p class="buttons-row">
<a external href="<?= Yii::$service->url->getUrl('catalog/reviewproduct/add',['spu'=>$spu,'_id'=>$_id]); ?>" class="button button-round">
<?= Yii::$service->page->translate->__('Add Review'); ?>
</a>
<a external href="<?= Yii::$service->url->getUrl('catalog/reviewproduct/lists',['spu'=>$spu,'_id'=>$_id]); ?>" class="button button-round">
<?= Yii::$service->page->translate->__('View All Review'); ?>(<?= $review_count; ?>)
</a>
</div>
</p>
</div>
</div>
</div>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册