2013-01-07 75 views
-1

我正在尋找一個簡單的股票指標。Magento:簡單股票指標與css

+0

如何CSS涉及到屏幕分辨率(其他然後定位)? – boruch

+0

@boruch如果您使用的圖像不夠鮮明。你需要圖像。 http://d3pr5r64n04s3o.cloudfront.net/articles/075_retina_display/css-20120309-102836.jpeg – Bendim

+0

這取決於質量... – boruch

回答

3

將此添加到您的主題/模板/目錄/產品/ 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; }