Magento：带有 css 的简单股票指标答案

【问题标题】：Magento: simple stock indicator with cssMagento：带有 css 的简单股票指标
【发布时间】：2013-01-07 23:23:53
【问题描述】：

我正在寻找一个简单的股票指标。

【问题讨论】：

css 与屏幕分辨率（除了定位）有何关系？
@boruch 如果您使用图像，它并不清晰。你需要图像。 d3pr5r64n04s3o.cloudfront.net/articles/075_retina_display/…
这取决于质量...
@boruch 如果你想支持正常的 dpi 和 hdpi，你必须创建图像。例如，一个 16x16 像素和一个 32x32 像素。维护起来更麻烦。

标签： css magento retina-display magento-1.6 hdpi

【解决方案1】：

将此添加到您想要股票指标的 yourTheme/template/catalog/product/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; }

【讨论】：