Return to previous page

Request a quote button integration -YITH

This topic has 8 replies, 2 voices, and was last updated 1 years, 3 months ago ago by Rose Tyler

HUSSTLE

Participant

August 30, 2023 at 21:15

We are finding that we would like to expand the “Request a Quote” functionality that leads to a contact page; however, we would like to integrate the YITH Request a Quote plugin for WooCommerce. This will serve us better so an actual quote can be created and then converted to an order in WooCommerce if accepted by customer.

Right now, the button seems to show beside the “Add to Cart” button, but how can both buttons be sized equally via CSS? Also – how would I go about incorporating an icon into the “Add to Quote” button?

I would recommend this to be a default option to consider in future updates.

#366182 Copied Theme version: 9.1.7 WooCommerce version: 7.8.0

7 Answers

Rose Tyler

Support staff

August 31, 2023 at 10:57

Hello, HUSSTLE,

Thank you for contacting us and for using XStore.

Please provide the URL of the product page from your site and temporary wp-admin access, so we can take a closer look.

If you would like to request a new feature be added, you can post your request on our Taskboard at https://www.8theme.com/taskboard/. If it receives enough votes from other customers, our development team will consider adding it to one of our upcoming updates.

Kind Regards,
8theme team

#366233 Copied

HUSSTLE

Participant

August 31, 2023 at 15:24

Providing web login details in private chat.

Please contact administrator
for this information.

#366273 Copied
Rose Tyler

Support staff

August 31, 2023 at 16:18
Hello, HUSSTLE,

Thank you for your response.

Please try to use the next custom CSS code:
```
.woocommerce.single-product .product .yith-ywraq-add-to-quote {
    flex-basis: 100%;
}
.woocommerce.single-product .product .yith-ywraq-add-to-quote .add-request-quote-button.button {
    width: 100%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
```
> https://prnt.sc/gl3eju3-ldol

Kind Regards,
8theme team
#366291 Copied
HUSSTLE

Participant

August 31, 2023 at 17:47

Sol, we have stylized as suggested; adding to what was already there from our customization to offer button radius and other small treatments:

.yith-ywraq-add-to-quote a, .yith_ywraq_add_item_browse_message a {
font-size: 1.2rem !important;
font-weight: 500;
margin: 0px auto;
}

.btn, .button, form #qna-ask-input button, form button, input[type=button], input[type=submit] {
display: inline-flex;
border-radius: 5px 5px 5px 5px;
border: 0px solid rgba(0,0,0,0);
color: var(–et_btn-color);
-webkit-text-fill-color: currentColor;
text-transform: capitalize;
font-size: .85rem;
text-align: center;
/* line-height: 1; */
padding: 0.75rem 2.2rem;
height: 3.5rem;
background-color: var(–et_btn-bg-color);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.woocommerce.single-product .product .yith-ywraq-add-to-quote {
flex-basis: 100%;
}
.woocommerce.single-product .product .yith-ywraq-add-to-quote .add-request-quote-button.button {
width: 100%;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
}

Please contact administrator
for this information.

#366298 Copied
Rose Tyler

Support staff

September 1, 2023 at 14:32
Hello, HUSSTLE,

1/ About “lng-2012 – I see a full width “Add to Quote” button; however, on 11-38-400m – the button is smaller. Could this be because of the product text?“ =
```
.woocommerce.single-product .product .yith-ywraq-add-to-quote {
width: 100%;
}
```
2/
The difference between those products are in their types (Simple product VS Variable product). In Variable product in sticky cart section we output the cart form in popup by clicking the button → https://prnt.sc/DRBhrkkr4jEu – there is shown your “ask for a quote” button. Also we recommend you to add next custom CSS for styling the button even more better in sticky cart section:
```
.etheme-sticky-cart .add-request-quote-button.button {
    width: 100%;
    flex-basis: 100%;
    margin-top: 12px;
}
```
Kind Regards,
8theme team
#366362 Copied
HUSSTLE

Participant

September 1, 2023 at 14:56

Wonderful help. Much appreciation. I now understand the difference of how you are treating simple vs. variable product.

Is it possible to have the sticky footer to be applied to both in the same manner as variable? I just would like the customer experience to be consistent no matter the product. (they don’t understand simple vs. variable – they just want either to buy or add to quote)

Thanks!

#366364 Copied

Rose Tyler

Support staff

September 1, 2023 at 15:46

Hello, HUSSTLE,

There is no easy solution here, unfortunately.

You can post your request on our Taskboard at https://www.8theme.com/taskboard/. If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.
Or
For minor customization requests, we suggest considering paid customization services. You may submit a customization request to the Codeable team via their website: https://www.codeable.io/?ref=qGTdX
Or
Acceptance as it is right now.

Kind Regards,
8theme team

#366371 Copied
Tagged: woocommerce request quote integration, woocommerce yith quote request, wordpress woocommerce yith integration, wordpress yith quote plugin, yith quote button woocommerce, yith woocommerce quote button
Viewing 8 results - 1 through 8 (of 8 total)