UPDATE: How to change the appearance of these tabs using CSS In the comments of this post, Melanie asked about how to change the appearance of these tabs to fit better with her Shopify theme. cart. Add to Cart Compare-12% Suspendisse congue lacus egestas lorem commodo which Shopify user cannot find in Shopify default: Ajax search Ajax Hi, guys when I try to add item to EMPTY CART(empty session) asynchronously it adds the item but does not display quantity in the #counter element. I seem to have it running okay on the product pages (using arrows you can't go below the MOQ and if you try to type a lower number it will reset to the MOQ). That being so, we are the only ones to offer quality and steadiness to all our customers year after year. Helping customers to find products faster, and well-suited to stores with a large number of products using the same attributes, such as size, color, etc. Also, the plugin has extensive customization options. Saving Customers Time: Save Customers time on product hunt, increase shop quality and raise sales. No matter if you are a beginner or shopify expert, you will find the theme very easy and intuitive to use. com/video/video-0274iR1XENE. Once you choose your preferred currency, we automatically calculate country and state tax rates on your behalf. Focussed on user experience first WoodMart Theme Nulled uses a powerful AJAX tech to give users a very fast and seamless Uses the format: { updates: { variant_id_or_key: new_quantity, } } Can update any number of items. Step 3: Go to Extensions -> Modules -> Search "Ajax drop down cart" keyword -> Publish module and set up options. Minimal is the highest rated FREE Shopify theme on theme store. First, as the Shopify Api documentation says, Free Shopify Themes; OpenCart. Strong features to make your next great Ajax. Take a look at your product and see how it looks so far! Step 3: Customize the Cart page to show your custom product options Cartfunnel’s Cart Ajax/JSON API allows merchants to modify a customer’s shopping cart before the checkout process begins as well as during the checkout process. Jan 26, 2021 · If you would like to install and use QEMU + GDB on a Mac OS X system (or even a Windows system), the usage steps should be similar, but finding the exact packages for installation may be difficult. variant_id, // change the quantity quantity: 2, } // If there are multiple items in the cart with the same 'variant_id' // and you need to update/change one that is not first, // instead of 'id' you should provide 'line' property // which is 1-based index position of the item in the cart. They are: Wholesale Pricing Discount. JavaScript POST request using the XMLHttpRequest object. To return the list of currencies that are accepted by your store, see the shop. The app provides a simple and convenient way to configure and Sep 01, 2021 · Tracking visitor shopping cart items and totals when slide out cart is used. Adding Cart Icon in the header. Jan 29, 2020 · So, it also enables your user to add the product with required quantity to cart through AJAX. Default Title - . This is because they update the cart information dynamically without reloading the page. This is how I give it the same ID as the variant_id, if it makes any difference: $ (productRemove). These are the three sources, ordered by which is has the most up-to-date response to the one with potential delays in updates. Customers can now update the quantity of items on the /cart Spker is an invitation only event with a carefully curated audience. Generic; using System. Kalles 2. As long as you have the app the service will be included, so there […] Jun 17, 2015 · On line 326 of ajax-cart. eComSolid template is designed for speed & conversions. Here the easiest way to do this with just a Dec 31, 2014 · If a customer can change the quantity of the free item in the cart, the Motivator's liquid code isn't installed or implemented properly. Locate your “cart. Remember, if you’ve changed the URL for the cart, make sure to change “/cart/” into “/basket/” for example. using Ajax, upon increasing or decreasing the quantity. Steps remain the same in both cases: desktop and iPhone/Android. Users will enjoy the expansive 5ML capacity of the Innokin Ajax Tank. Revenue and traffic data come from Shopify. Shopify - Show total savings on cart page. shopify and th others are easily editable. So, the solution was to provide a quantity field for the product in the cart for each week a person wanted the product. liquid file. This can be useful, for example, for auto-completion in a search bar or form validation. For example there are the code of showing your input box quantity inside cart. Keep in mind that the Button With Quantity setting allows your buy button to display a quantity. modal-title'). Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Jul 02, 2016 · With 2. 2021. There are a lot of generic plugins and other apps that are built on it. Version: Dec 15, 2009 · CodeIgniter is an open source PHP web application framework with a lot of features. Once the quantity is changed the new price will be calculated again and updated in UI on successful cart edit. html Repo Update Custom Cart Count after AJAX Add to Cart in WooCommerce in Hindi,Update Custom Cart Count (or any HTML) after Configuring and using PrestaShop. To Make a Cart System it takes only Three steps:-. Add to Cart View cart. Just one problem: your Shopify theme has an AJAX cart and you have no idea how to add functionality for dynamically loaded elements. Rs. Is there a way to update that {{ cart. Set pre-order status automatically as you run out of stock. cart_change_url }} links, all product forms and data-ajax-cart-section sections. General functions for creating AJAX based Shopify Quick carts or cart pages - cart. The update process will start: Selecting View progress will take you to the Scheduled Actions section and show the Pending actions for the update. js', {quantity: 0, id: varId});. In the Form options section, make the appropriate changes. Orders Placed on 1. 3. const item = { // update second item in the Find where in your Shopify theme the quantity of a cart item is updated and dispatch an event back to the cart integration script to pull in the new Shopify cart object. Ajax "ADD TO CART" Use the "ajax add to cart" button: Wishlist in Theme: Enable the "wishlist" option in the theme: Compare in Theme: Enable the "compare" option in the theme: Buy in One Click: Works in a product page. It does work! However, there are times when a product can be added to the cart without reloading the page through a feature called AJAX. Member behavior policies. stepUp The problem is Shopify doesn't respond with an error if you want to set higher quantity than available I saw Shopify is achieving errors on quantity changes in the cart using a web component and maybe--> Add to cart using AJAX with multiple quantity module(apps) is used to add product to cart using the AJAX(Without refresh the page) quickly. 私が見る限り、私はcart. 09. If your product aren't perfect, return them for a full refund. Its amazing and crystal clear style was made to showcase your goods and improve your sales. The goal of this tutorial is to show you how to build an AJAX powered shopping cart. And much more. In this step we create 6 sample items to add in cart. When I update the quantity in the cart and then click on "Update Cart" button, it does not update the shipping costs relevant to the quantity. Order Limits (Min‑Max) is one of the top 10+ best Shopify order limit app 2022 for wholesale business. Jul 23, 2015 · (My code here simply adds the necessary HTML elements to capture their AJAX response for the cart count. js endpoint when changing line items that are already in the cart, and the add. Here we will use an Ajax UpdatePanel (in order to prevent refresh and PostBack). They can select product options via ajax cart pop-up and avoid wasting time on annoying page reloads. modal-body input'). With responsive layout and being with multiple social networks, this Contact Form is universal. Add to Cart Quickshop Compare. The Shopify mini-cart and cart page (cart. The problem is, it does not tell you in detail how to do it in your liquid template. Find the latest news about our apps on the Apps Blog. May 11, 2021 · Auto Update Cart for WooCommerce. TAGs: ASP. Feedback policies. この記事は、 Cart API reference の記事を和訳したものです。. $ (this). js I'm currently hackingly adding minimum order quantities for some products. It is now possible for eCommerce customers to provide a complete revamped and out- of- the- box online shopping experience to its customers with the help of this PrestaShop Ajax Cart+ module. Add to cart. js endpoint does not validate the quantity on variants that are already in the cart. External Hard Drive Learn How to make Shopping Cart in PHP by using Bootstrap Popover with Ajax Jquery and Mysql. django-ajax-shop. find the quantity input box. It allows you to show categories as tabs. * Project: Shopify AJAX Cart Plugin. net/video/0274iR1XENE/video. Example: In the example below, the quantity of a cart item is being updated from the updateCart() function in the site. Recent Live stores using Optimal theme ->. Click on Add app button. Yes, AJAX Shopping Cart allows for quantity update right in a pop-up window. 8 (Sep 30, 2021): Fix bug when clicking Add to Cart button, bug showing all the child products at the wholesale table, bug swatch into child product with tier price. 00 GBP XL - £30. 5 years ago. You can simply add your HTML data to the cart fragments that are returned. serialize data pass from quick cart ajax request. The purpose of the Dynamic Product Options app for Shopify is to allow creating complex option-based products. In other words, a LineItem (as Shopify calls it) is a subset of the cart, and contains information about items that have the same SKU. 4:->Go to . Here you will get two options on/off. Take a look at your product and see how it looks so far! Step 3: Customize the Cart page to show your custom product options Scripts are flexible and can be used to create unique and powerful discounts. In this article, we will learn how to include "add to cart button in bootstrap. Compatibility The Quick Cart extension is well adaptable with Quick View by Mageplaza. wc_update_coupon_usage_counts() : mixed Update used coupon amount for each coupon within an order. ajax angular angularjs api arrays asynchronous axios css d3. Sizes – XS, S or M. Global theme settings will be preserved in the update, but content built in the theme editor, including home page sections, will need to be reconfigured using the new OS 2. ただShopify Cart APIはとても便利で、カート内で商品追加、消去、変更などの操作を行う際は必須のAPIなので、ぜひ活用してみてください update quantity shopping cart php using ajax. Backend General configuration The WordPress Shopping Cart plugin will automatically create 3 new pages in WordPress for the store, cart and account. OpenCart is an open source PHP-based online e-commerce solution. Version 1. Pagination. Add a terms and conditions section to your Pre-Order. Description. 8. Firstly, remove async: false as it's very bad practice and not needed here as you're using the success callback properly. Added disable adjusting quantity field option in WL: Cart table addon. You get access to a variety of user forms, such as a registration form, a customer profile update form, an order form, a feedback form, aHow to update item quantity fields in the cart in Shopify. Table of content. OpenCart Ajax Cart popup allows the shopper to update the cart without page reload. However, with FormData it becomes much simpler and faster to handle the form submission. eCommerce Ready Template. Built with jQuery & PHP, jCart is open source software free to use on any site. It is the perfect solution for separate WooCommerce web stores. Something like this: $ ('input. Let’s say you have 10,000 products to update. Inspired by the most exclusive cars in the world, noblechairs combines the latest ergonomics and sports-inspired design for the demanding gamer. ⏩ Cart reminder. Mar 11, 2020 · I am trying to figure out how to adjust multiple cart items. 00 [Special Offer] Elegant Themes Club - LifeTime $ 249. 0 features. 1 - Archetype $ 180. html. request->post['quantity']; this code can get post value of quantity,but I just wonder why post data is jquery selector not certain value. 00 $ 27. official/⏩ G 私が見る限り、私はcart. Updating item quantity. liquid 2. In this tutorial we have discuss step by step by How to make PH After you create a Buy Button in your Shopify admin, you're ready to add it to your own website or blog. They created their own AJAX endpoints, and the one they use here is ?wc-ajax=add_to_cart instead of admin-ajax. CSV import feature to add to cart bunch of products in one go. wc_sanitize_order_id() : mixed Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. title（cart. I have to update the main cart on change of quantity by Ajax without click on "Update Cart Button" and without reloading the page. Fix bug that hides cart page checkout button after qty change Dec 07, 2021 · Update: Save cart notes (with ajax) as they are typed, to compensate for dynamic payment methods not keeping notes and Maintenance edits 4. Infinite ajax scroll Infinite ajax Quantity field Quantity field NEW; Image, color swatch Image, color swatch NEW; 3 columns products Add cart sticky Add cart Nov 24, 2021 · WoodMart 6. If the customer added 3 iPhones to the cart, there would be 3 separate gift wrap products (the same quantity as the quantity of the main product). Knowband. Your users might be capable to quick swap and replace amounts whereas surfing and in addition upload merchandise to the procuring cart with out the trouble May 27, 2016 · On the right hand side, we can see the sticky 'add to cart’ panel, which contains the product’s price, quantity box, and the ‘add to cart’ button. You can use a negative number to subtract from existing inventory quantity. Only items already in your cart can be changed, and only one Apr 05, 2021 · Re: Updating Product Quantity in Cart. set up babel and webpack to create a file Shopify can understand and serve to visitors. Dec 29, 2020 · Cart quantity selector [Shopify] Zakeke will block by default the quantity selector in the cart for customizable products in order to allows for the correct appling of pricing rules that depend on the ordered quantity. For store owners, it is the button that directly leads to sales and revenues. This is done with Ajax, and it provides a seamless user experience. This option enables us to know right when an item is added to the cart without waiting for them to visit your cart page. create a JS file that tells react where and what to render. Because if you directly customize the theme's files, the next time you update the theme, the new E. Third-party shopping carts integrate PayPal Payments Standard on behalf of PayPal merchants. Add to Cart Join Waitlist Update Cart Check Out. This means that updating parts of a web page is possible, without reloading the whole page. An additional getProduct method is currently available seperately via the Product module. From here, click Install to add the Bread App to yNOTE: If "cart-template. The Prestashop Product Quantity update by Scanner module can even work without the scanner. Sale price Price £30. Grow your business Mar 09, 2016 · March 9, 2016. The theme is available in 3 distinctive styling options catering to almost Nov 15, 2013 · Here Mudassar Ahmed Khan has explained with an example, how to insert or update data asynchronously (without PostBack) to database using jQuery AJAX and Page Methods (WebMethod) in ASP. Can I download the update of the purchased product for free? Answer: Yes,In order to download the product update you will get free updates. 8. customize shopify ajax cart. Was able to set up to look exactly how I wanted. Customers will be able to add products to cart as well as modify the quantity using this plugin. Copy. How Cart Information Is Leveraged Through The Shopify Code Use-Case: Personalized Promotion Using Product Image And Product Name Setting Up The Custom Code Section (TAB JS) Connecting The Custom Code Within The Promotion. Set default social media accounts to blank, to avoid confusion. Possible uses of the Ajax API include: Add products to the cart and update the cart item counter. If there were also text areas, text fields, checkboxes or what have you, they'll be sent too. Also, sync bulk products in multiple web stores. 1 - Oct 6, 2021. This script will send an AJAX request to PHP code to edit the quantity by sending the product code and new quantity. Back in the Without Code site builder, we'll start by setting up the Shopify Cart widget. you can use tags to create a customer group and then only apply the code to customers who are in that Mar 05, 2019 · Like any website, an online store needs to load quickly. 50. This is definitely make your store user-friendly and easy to checkout. colour. If you do not have any pricing rule that depend on the quantity, you can disable enable the quantity selector in the cart for Yes, AJAX Shopping Cart allows for quantity update right in a pop-up window. var modal = $(this) modal. Search for "Bread" and click on the result that displays the Bread logoClick on the logo to see the Bread App details page. I will check if possible make them work together. products %} add the below code. change (function () {. Integrate WooCommerce to Shopify: Appy Pie Connect helps you integrate WooCommerce and Shopify to automate workflow in just a few steps. Finally, add the top choices to your cart and complete the domain registration. json that the update method uses, but instead you set the quantity to 0. GitHub Gist: instantly share code, notes, and snippets. Learn How to Add multiple or Bulk Product into Shopping cart using PHP with Ajax. 00 Basel 3. Sep 01, 2021 · Tracking visitor shopping cart items and totals when slide out cart is used. Automatically Updates The Cart. liquid but when I go to my assets folder I don't see the file, but when I download the theme I see the file : shopify-add-to-cart This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. x. Django session cart. In other words, add to cart feature in PHP and MySQL. Materiaal: 100% katoen Stretch: Mid-weight materiaal met stretch Wasvoorschrift: Maximaal op 30º Strijkvoorschrift: Warm strijken ( max. empty(). AVADA Marketing Automation. js is a Shopify plugin written in vanilla JS. 2 Added. 99/month & 14-day free trial Add Request a Quote Page in Menu. Background Color → Set the background color of the product list. By the following code, I'm able to update cart table but m not getting a solution to update the "Cart Summary" block. First of all, we will learn some basics of Bootstrap, bootstrap buttons, add to cart button design in bootstrap. If you update Porto from 5. This means that it's possible to add more inventory than is available. 0 » Updated to Joomla 4. which Shopify user cannot find in Shopify default: Ajax search, Ajax filter We've sent you an email with a link to update your password. The shoppers can add the products they want to buy in the shopping cart, review those products in terms of quantity, size, color, etc. Added product link remove option in WL: Cart table addon. Stunning Slider. Highlight features Jun 25, 2020 · Working within the design of Shopify, Upsell can only function on the product page or cart page. HTML preprocessors can make writing HTML more powerful or convenient. I am trying to figure out how to adjust multiple cart items. Show a cookie notification bar. Jul 05, 2021 · Bacola – Grocery Store and Food eCommerce Theme Free Download 1. Author online docs with. 95. How do I setup my store? When you buy this theme you get full access to our comprehensive and easy to follow instructions on setting up the theme for your store. update. Ajax Load More. This may be necessary if you want to send customers to the Recharge checkout for subscription items, then ensure sure customers checkout via a custom checkout for with a onetime item. - Timber/ajax-cart-template. Used correctly, you can improve your site's performance, decrease server load, andHow to update offline on your PS4 | USB manual update. Wholesale ‑ All in one. Làm cho cửa hàng Shopify của bạn trực quan hơn là một cách tuyệt vời để chuyển đổi doanh số bán hàng nhiều hơn và nhận được một khoản mục lớn hơn mỗi lần kiểm. Submit the surrounding form when the quantity input changes. How to update cart qty using ajax magento 2. js This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. Hey, ive been trying to fix this same issue you had but ive been unsucessful and have run out of options!!! When I edit the quantity (increase or decrease) and click update cart, it redirects me to checkout without the change in quantity. 0 is a WooCommerce theme specialist for WordPress. Size S M L XL XXL. + Ajax uartBridge Support. The last thing your clients want is for a customer to leave because the page was too slow to appear. May 27, 2021 · jQuery AJAX Cart Edit Call. Mar 22, 2017 · Làm việc với các sản phẩm Shopify: Giỏ hàng Ajax. May 26, 2021 · In this tutorial, we are going to add increment decrement buttons to edit the shopping cart item quantity. With so many unhealthy temptations around, it can be difficult to take care of your body. lt has a check of cart items on the checkout page based on {{ cart. Now that the update cart button is hidden, all we need to do is to ‘click’ the button via jQuery and let WooCommerce do the exact same job (updating cart totals, taxes, etc. Updating the cart page. Solved: Hi all, I own a Shopify store that uses a popup cart before checkout. Click Customize. 6 released the cart is updated via Ajax, a big improvement, however it's still necessary to click 'update cart' manually. Dec 03, 2013 · As of June 2nd, 2017, this is issue is still here. Click on the "Add to cart notification" section. The Debut theme settings contain a property to enable/disable the ajax cart. Shop now. Products. Jan 21, 2020 · Auto-suggestion along with ajax search to find the product quickly. comInstallation Steps Get started by logging into your BigCommerce store. 00 Description: The Innokin Ajax Tank features a sleek, classic design that fits remarkably well with most mod units as it can be used as either a DTL or an MTL Tank. Auto Update Cart for WooCommerce ensures that when customers change the quantity of an order, the cart automatically updates to reflect the new quantity. Returns the currency of the cart. envato. This is the recommended checkout method when using Recharge's API integration. $( ". (B) show() Get the current cart items from the server, update the HTML. Here is the complete code for the /ShoppingCart/Index view: Feb 01, 2021 · A Simple Example of Shopping Cart With Ajax and ASP. All methods include an event listener. * Author: Ryan Marshall (ryan@schmoove Jun 16, 2021 · Boundless is a minimalistic and widely used Shopify theme from the official Shopify theme repository. S M L) rather than in alphabetical order FOUR YEARS OF WOW for going through in Shopify platform, listening all of customers' desires as well as catching up the trends to combine everything what clients need. I'm try to update Shopify cart on click . 9. Tech8 – Digital Store WooCommerce WordPress Theme. Ajaxified sections. Items can be removed from the Shopify cart by making a call to the same /cart/change. 8. mini-cart-total'). PO Box 12300 Collins Street, Victoria 9000 (+00) 1234 5678 90 email@2020. Horizontal Filter 1NEW. Normally, it's also possible to send forms only with Ajax by defining data inside the function. Dec 27, 2011 · It's technically possible using hook_form_alter() on the Add to Cart form, but it's not something I think we'll be putting in core. changeItem = function(variant_id, quantity, 2020/09/18 Shopify. Features. for Shopify App Startups. 00. Your site may also be using Ajax functionalities that update your cart information dynamically. When you use multiple locations, you can update the inventory quantities in several ways on the Inventory page in your Shopify admin. properties […] Jun 08, 2020 · Step 5: Update the Cart Price Code. Here are a few examples below. metafields. App Store Index [BETA] by Union Works. addItem. ⏩ Cart web booster Scripts are flexible and can be used to create unique and powerful discounts. If you are using jQuery in your project, it is recommended that you use jQuery ajax methods instead of the raw XMLHttpRequest object. So, in this case, to update the price programmatically in WooCommerce simply paste this script right after the previous one. Remove animation. noblechairs offers optimal comfort for anyone that spends a lot of time at a desk. Added stock status showing option in WL: Cart table addon. The user who is shopping on the store sees the WooCommerce cart content as it is updated during the transaction(s). Pre‑Order Manager ‑ PreOrder. With Infinit, everything is taken care of every pixel. After all, while the endpoints for managing a cart from a Shopify storefront are If you wanted to update the quantity of the "Jane Doe" line item, onProduct(product); 217 } 218 }); 219}; 220 221// POST to cart/change. Other shipping Who's your "Bungou"? Come get your favorite character in Animon Life's Bungo Stray Dogs' collection now~ A gift guide for the colourful — Energetic and playful, they love to make a statement and draw you in. Total Quantity: 0. Quantity box no longer has additional quantity selector in Firefox browsers. Countdown Timezone: Select and paste Opencart Ajax Cart Plus plugin displays a responsive popup as user clicks on 'Add to Cart' button. Shopify - Pop up cart. Update product price and stock quantity. In each of the fields, replace { {amount}} with the currency format that you want to use from the options table. Surely, there are many ways to achieve this, such as ajax and WebAPI, however, partial views have one major benefit over the other methodsUse the CData Connect Cloud to create an OData API on top of Shopify data and visualize live Shopify data in SAP Analytics Cloud. jQuery loads the "mini cart" page with an updated cart into where the mini cart is on the current page without reloading the whole page. It's designed to be simple to use, while providing some really powerful and nifty features, like: DOM Binding to dynamically render HTML templates as your cart changes. Now copy the code for respective files. Mobilia 6. Please follow the below steps: 1. The admin can configure to enable/disable the display of cart summary as well as the Apr 20, 2016 · mycart is a jQuery plugin used to create a shopping cart interface with Bootstrap styles that features add to cart, payout modal and add/remove/edit cart items. After Fast WooCommerce & WordPress Theme- Proto is the best premium WordPress business & WooCommerce theme. Jul 16, 2019 · Then, you go to Shopify Apis, do a quick search, you can come to a solution to use Ajax call here. 49,900. The ultimate Shopify theme framework, built by Shopify. INTRODUCING. Tech8 comes with 3 awesome homepage layouts, multi vendor support and unlimited A free shopping cart system. The net, dark red gown incorporates red on red embroidery that creates a majestic feel. There are two main steps to process checkouts via the Recharge-Hosted Checkout: 1. The update. All data is sourced from Shopify App Store. If your store uses multi-currency, then the cart. Creating Checkout object. Read on to see a screenshot. Jun 10, 2020 · To manually sync inventory in Custom Pricing, while using the Variant Dependant Method, please follow these steps: From within Custom Pricing, select Settings, then General. Aug 03, 2020 · Update: apparently sometimes even visible pages aren’t shown in the editor’s dropdown menu. Blog Single Page. Directly below that line of code you need to place something like this. quantity : productQuantity * boxQuantity // To get the true quantity to remove we need to multiply the quantity of the flavor in the box with the quantity of the box itself // Loop through the cart and for any flavor variants that have a greater quantity than that which we are removing (i. Build PHP Ajax Shopping cart with feature like Add Bulk item into Shopping Jan 27, 2022 · Compatible with Shopify's Currency Converter; Works out of the box with most themes and AJAX carts (custom cart types, like cart drawers and popup carts), no waiting a day for theme edits. Aug 27, 2019 · If your custom theme is using Ajax to update quantities in the cart without a page refresh, you’ll need to re-initialize the buttons each time the cart is rendered. It’s tested for compatibility with version 3. 2 Update the price when the user adds a product to the cart. Apr 09, 2018 · Order total dose not update in checkout page or review page when update quantity in ajax cart block. Jun 25, 2020 · Working within the design of Shopify, Upsell can only function on the product page or cart page