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 under each line item in cart page, you may need to follow the below instructions below or contact the app's support for assistance.

Display the quote button under each line item in cart page

1. Go to Online store > Themes > Select to edit code on the theme that you want to add

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

{%- for property in item.properties -%}

3. 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>

4. 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