尝试在opencart中添加jquery倒计时器以获得特价

Question

我正在尝试在 opencart 中以特殊价格放置 jquery 倒计时器。

因为我们在开放购物车管理面板中有特价的开始日期和结束日期，所以

我想要 jquery 计数计时器来显示

剩余(days:Hours:Min:SEC)

该特价的

。我得到了 jquery 倒计时的代码并放入产品的模板文件中，但它不起作用，并且互联网上没有帮助或代码。

谢谢

Answer 1

很好的问题。正如您所指出的，您希望显示的数据已经是 OpenCart 管理/后端的一部分，但在前端不可用。我将向您展示如何添加它。

由于 OpenCart 的 MVC 架构，您必须在 3 个地方进行更改。模型、视图和控制器。首先，您必须从数据库中获取数据。因为我们希望对前端进行更改，所以所有内容都将包含在 catalog 目录中。如果您查看代码，您会发现catalog/model/catalog/product.php。这是我们要进行第一个更改的地方。 ModelCatalogProduct 中提供特价，但没有特价结束日期。您可以修改现有的 getProduct() 方法，也可以创建自己的方法。我将向您展示后者，而前者则留给用户作为练习。

catalog/model/catalog/product.php

class ModelCatalogProduct extends Model {
    ...

    // Return an array containing special (price, date_start, date_end).
    // or false if no special price exists.
    public function getSpecialPriceDates($product_id) {
        if ($this->customer->isLogged()) {
            $customer_group_id = $this->customer->getCustomerGroupId();
        } else {
            $customer_group_id = $this->config->get('config_customer_group_id');
        }
        $query = $this->db->query("SELECT price, date_start, date_end FROM " . DB_PREFIX . "product_special WHERE product_id = '" . (int)$product_id . "' AND customer_group_id = '" . (int)$customer_group_id . "' AND ((date_start = '0000-00-00' OR date_start < NOW()) AND (date_end = '0000-00-00' OR date_end > NOW())) ORDER BY priority ASC, price ASC LIMIT 1");

        if ($query->num_rows) {
            return array(
                'special'    => $query->row['price'],
                'date_start' => $query->row['date_start'],
                'date_end'   => $query->row['date_end'],
            );
        } else {
            return false;
        }
    }

    ...
}

太好了，现在有一个函数 getSpecialPriceDates()，您可以调用该函数来了解产品特价何时结束。让我们将该数据提供给视图。为此，我们必须将其添加到控制器中。在 ControllerProductProduct 中查找“特殊”变量的设置位置。

catalog/controller/product/product.php

...

if ((float)$product_info['special']) {
    $this->data['special'] = $this->currency->format($this->tax->calculate($product_info['special'], $product_info['tax_class_id'], $this->config->get('config_tax')));
    // +++ NEW CODE
    $special_info = $this->model_catalog_product->getSpecialPriceDates($product_id);
    if ($special_info) {
        $this->data['special_date_end'] = $special_info['date_end'];
    } else {
        $this->date['special_date_end'] = false;
    }
    // +++ END NEW CODE
} else {
    $this->data['special'] = false;
}

...

最后一个任务是在产品视图中实现计时器。这将位于catalog/view/theme/default/template/product/product.tpl之类的位置（如果您有自己的主题，请将default替换为{你的主题}）。 jQuery 有很多不同的倒数计时器解决方案，选择您的最喜欢的 。

目录/视图/主题/默认/模板/产品/product.tpl

    <?php if (!$special) { ?>
    <?php echo $price; ?>
    <?php } else { ?>
    <span class="price-old"><?php echo $price; ?></span> <span class="price-new"><?php echo $special; ?></span>
      <?php if ($special_date_end): ?>
      <!-- TIMER CODE HERE -->
      <div class="timer"></div>
      <?php endif; ?>
    <?php } ?>

Answer 2

查看我为您提供的内容

另请查看这个

更多选项 此处