Commit 8ad3e8ae88a2bea9a454277578139bab5519ea8e
1 parent
15037b9a
Веталь
Showing
2 changed files
with
32 additions
and
11 deletions
Show diff stats
frontend/views/catalog/product.php
| @@ -118,13 +118,15 @@ $this->registerJs (" | @@ -118,13 +118,15 @@ $this->registerJs (" | ||
| 118 | 118 | ||
| 119 | <div class="cost_box product_read_"> | 119 | <div class="cost_box product_read_"> |
| 120 | <div class='params'>код: <span id='art'></span><br/> цвет: <span id='color'></span></div> | 120 | <div class='params'>код: <span id='art'></span><br/> цвет: <span id='color'></span></div> |
| 121 | - <div class="w"> | ||
| 122 | - <strike><span id='old_cost'>0</span> грн.</strike> | ||
| 123 | - <span class="cost"><span id='cost'>0</span> <span class="valute">грн.</span></span> | 121 | + <div class="product_read_price"> |
| 122 | + <div class="w"> | ||
| 123 | + <strike><span id='old_cost'>0</span> грн.</strike> | ||
| 124 | + <span class="cost"><span id='cost'>0</span> <span class="valute">грн.</span></span> | ||
| 125 | + </div> | ||
| 126 | + <input type='hidden' id='product_id'/> | ||
| 127 | + <a href="#" rel='product' class="link_buy fl">В Корзину</a> | ||
| 128 | + <div class="both"></div> | ||
| 124 | </div> | 129 | </div> |
| 125 | - <input type='hidden' id='product_id'/> | ||
| 126 | - <a href="#" rel='product' class="link_buy fl">В Корзину</a> | ||
| 127 | - <div class="both"></div> | ||
| 128 | </div> | 130 | </div> |
| 129 | <?php /* | 131 | <?php /* |
| 130 | <div class="product_service"> | 132 | <div class="product_service"> |
frontend/web/css/style.css
| @@ -113,9 +113,11 @@ a.myorders{color:#f75d50} | @@ -113,9 +113,11 @@ a.myorders{color:#f75d50} | ||
| 113 | .products ul li .info{text-align: left;} | 113 | .products ul li .info{text-align: left;} |
| 114 | .pn{border:none;} | 114 | .pn{border:none;} |
| 115 | 115 | ||
| 116 | -.cost{color:#f75d50;font-size:18px;margin:0;padding:0;} | ||
| 117 | -.cost span, .cost span.valute {font-size: 14px;} | 116 | +.cost, .product_read_price #cost {color:#f75d50;font-size:18px;margin:0;padding:0;} |
| 117 | +.cost span, .cost span.valute, .product_read_price .valute {font-size: 14px;} | ||
| 118 | strike, strike span#old_cost{font-size:14px; color: #333} | 118 | strike, strike span#old_cost{font-size:14px; color: #333} |
| 119 | + | ||
| 120 | + | ||
| 119 | a.link_buy{font-size: 12px; display:block;margin:0 auto 10px auto;width:122px;height:29px;line-height:32px;text-transform: uppercase;color:#ffffff;text-decoration:none;font-weight:600;text-align:center; | 121 | a.link_buy{font-size: 12px; display:block;margin:0 auto 10px auto;width:122px;height:29px;line-height:32px;text-transform: uppercase;color:#ffffff;text-decoration:none;font-weight:600;text-align:center; |
| 120 | background: #95ba2f; | 122 | background: #95ba2f; |
| 121 | border-radius: 4px; | 123 | border-radius: 4px; |
| @@ -1196,6 +1198,23 @@ ul.product-special li.promo:after { | @@ -1196,6 +1198,23 @@ ul.product-special li.promo:after { | ||
| 1196 | .irs-min, .irs-max {display: none;} | 1198 | .irs-min, .irs-max {display: none;} |
| 1197 | .irs {height: 49px;} | 1199 | .irs {height: 49px;} |
| 1198 | .price_filter.first_price_li {margin-top: 8px;} | 1200 | .price_filter.first_price_li {margin-top: 8px;} |
| 1199 | -.product_read_ { | ||
| 1200 | - overflow: hidden;width: 100%;white-space: nowrap; | ||
| 1201 | -} | ||
| 1202 | \ No newline at end of file | 1201 | \ No newline at end of file |
| 1202 | +.product_read_ .w{ | ||
| 1203 | + width: 110px;overflow: hidden; | ||
| 1204 | + float: left; | ||
| 1205 | + margin: 0; | ||
| 1206 | + padding-top: 0; | ||
| 1207 | + white-space: nowrap; | ||
| 1208 | +} | ||
| 1209 | +.product_read_ .w strike, .product_read_ .w .cost { | ||
| 1210 | + width: 100%; | ||
| 1211 | + float: left; | ||
| 1212 | +} | ||
| 1213 | + | ||
| 1214 | +.product_read_price .link_buy { | ||
| 1215 | + width: 118px; | ||
| 1216 | + position: absolute; | ||
| 1217 | + top: 50%; | ||
| 1218 | + right: 0; | ||
| 1219 | + margin: -16px 0 0 0; | ||
| 1220 | +} | ||
| 1221 | +.product_read_price { position: relative;} |