-1
我正在尋找一個簡單的股票指標。Magento:簡單股票指標與css
我正在尋找一個簡單的股票指標。Magento:簡單股票指標與css
將此添加到您的主題/模板/目錄/產品/ view.phtml你想要的股票指標。
<?php
$qty = Mage::getModel('cataloginventory/stock_item')->loadByProduct($_product)->getQty();
switch ($qty) {
case $qty > 5 :
$stockcss .= 'stockindicator-green';
$stocktext = "In stock";
break;
case $qty <= 5:
$stockcss .= 'stockindicator-green';
$stocktext = "Low stock";
break;
case $qty <= 0:
$stockcss .= 'stockindicator-green';
$stocktext = "Out of stock";
break;
}
?>
Stock: <div class="stockindicator <?php echo $stockcss ?>" title="<?php echo $stocktext ?>"></div>
添加以下代碼上,/skin/frontend/yourTheme/default/css/styles.css
.stockindicator {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.stockindicator-green { background-color: #46A40E; }
.stockindicator-yellow { background-color: #F9E700; }
.stockindicator-red { background-color: #E42620; }
如何CSS涉及到屏幕分辨率(其他然後定位)? – boruch
@boruch如果您使用的圖像不夠鮮明。你需要圖像。 http://d3pr5r64n04s3o.cloudfront.net/articles/075_retina_display/css-20120309-102836.jpeg – Bendim
這取決於質量... – boruch