Quote button settings

Step 1: Go to app -> B2B extensions -> Click on Manage button on Quotations card

Step 2: Choose Manage on Quote button settings

You can check the boxes for where you want the button to show up:

  • Product page: Shows the button on pages for single products.

  • Cart page: Shows the button inside the shopping cart.

  • You can select product page and cart page at the same time.

Note: If you want to display the quote button on your cart page, you may need to follow thebelow instructions below or contact the app's support for assistance.

Instruction: Add quote button to cart page
  1. Go to Online store > Themes > Select to edit code on the theme that you want to add

  1. Find the `main-cart-items.liquid` file, then navigate to the

    {%- for property in item.properties -%}
  1. Add the code below after the line item properties for loop to show ‘Add to quote' button in cart page

<div class="product-option">
  <div
    data-duos-add-to-quote="true"
    data-product-id="{{ item.product.id }}"
    data-product-title="{{ item.product.title }}"
    data-variant-id="{{ item.id }}"
    data-variant-title="{{ item.variant.title }}"
    data-quantity="{{ item.quantity }}"
    data-handle="{{ item.product.handle }}"
    data-price="{{ item.variant.price }}"
    data-featured-image="{{ item.product.featured_image.src }}"
    data-url="{{ item.url }}"
    data-sku="{{ item.sku }}"
  ></div>
</div>
  1. Finally, click Save to update.

Or decide which customers can see and use the quote button:

  • B2B customers (default): The button will be visible to your B2B customers by default.

  • Not logged-in users: Check this box if you want the button to be visible to customers who are not logged in. If you enable this, those customers will be asked to register for a B2B account when they submit a quote request, so please make sure the B2B form is published.

Learn more about B2B registration form.

Last updated