首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >显示弹出窗口而不是重定向到购物车(购物)

问显示弹出窗口而不是重定向到购物车(购物)
EN

Stack Overflow用户
提问于 2021-01-05 23:26:29
回答 1查看 886关注 0票数 0

我的网站:https://www.fermento24.com

我想这样,当客户点击add to cart按钮时,而不是被重定向到cart,我希望弹出一个带有当前购物车中的简历的弹出窗口。

当前代码:

​

代码语言:javascript
复制
<form action="/cart/add" method="post" class="variants clearfix" id="cart-form-4955949236295">                                    
        <input type="hidden" name="id" value="32764390834247">  
        <a class="add-cart-btn">
          <i class="icon-basket"></i>
        </a>
      </form>

​

我想添加一个弹出窗口,显示类似于右上角微型车弹出窗口的数据,但我无法做到这一点。有谁有关于如何改进这个特性的建议吗?

Minicart代码:

​

代码语言:javascript
复制
<div class="has-items">
        <ul class="mini-products-list">  
          {% for item in cart.items %}
          <li class="item" id="cart-item-{{item.id}}">
            <a href="{{item.url}}" title="{{item.title}}" class="product-image">
              <img src="{{ item.image | product_img_url: 'small' }}" alt="{{item.title}}"></a>
            <div class="product-details">
              <p class="product-name"><a href="{{item.url}}">{{ item.product.title }}
                {% if item.product.variants.size != 0 %}
                {% unless item.variant.title contains 'Default' %}
                {{ item.variant.title }}
                {% endunless %}
                {% endif %}</a></p>
              <div class="cart-collateral"><span class="price">{{item.price | money}}</span> x {{item.quantity}}</div>
            </div>
            <a href="javascript&colon;void(0)" title="Remove This Item" class="btn-remove"><span class="zmdi zmdi-close"></span></a>
          </li>
          {% endfor %}
        </ul>
        <div class="summary">   
          <div>
          <hr style="visibility: visible;">
          <p class="stilefont"style="font-size:13px; text-align:center; padding-left: 10px; padding-right: 10px;line-height: 1.3;"><b>Consegna gratuita</b> in 24/48h in <b>Italia</b> per ordini superiori ai 120€ altimetri il costo è di 10€.</p>
  <hr style="visibility: visible;">
<p class="stilefont"style="font-size:13px; text-align:center; padding-left: 10px; padding-right: 10px;line-height: 1.3;"> <b>Consegna gratuita in giornata </b> in provincia di <a href="https://www.fermento24.com/pages/spedizione" id="category-link" style="color: #000000; font-weight:bold; text-decoration: underline;"><b>Napoli*</b></a> e<a href="https://www.fermento24.com/pages/spedizione" id="category-link" style="color: #000000; font-weight:bold; text-decoration: underline;"><b> Caserta*</b></a> per ordini superiori ai 25€ altrimenti il costo è di 3.50€</p>
   <hr style="visibility: visible;">
          </div>
          <p class="total">
            <span class="label">{{ 'cart.general.cart_total' | t }}</span>
            <span class="price">{{cart.total_price | money}}</span> 
          </p>
        </div>
        <div class="actions">
          <button class="btn" onclick="window.location='/checkout'"><i class="icon-check"></i>{{ 'cart.general.checkout' | t }}</button>
          <button class="btn text-cart" onclick="window.location='/cart'"><i class="icon-basket"></i>{{ 'cart.general.view_cart' | t }}</button>
        </div>
      </div>

​

EN

回答 1

Stack Overflow用户

发布于 2021-01-06 00:22:39

如果我没记错,那么您在您的网站上使用Winee购物高级主题模板?

您可以查看demo store,也可以查看主页,这个主题模板中内置了一个AJAX购物车。

您只需查看文档并为前端启用它即可。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65581760

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档