Problem with YITH Woocommerce Request A Quote

Hello,
I want to using the “YITH Woocommerce Request A Quote” plugin.
But some problem has started.

Firat, Remove the “add to quote” text link, It was solved by
https://xtemos.com/forums/topic/yith-request-quote-showing-duplicate/#post-97734
Thank you.

Now, the Add to quote button has problem.

The “Add to quote” button appear under the cart button.
So, I tried this css to solve this problem.
adjust the button’s margins and response message’s margins.
And hide the “add to quote” text link.
This is my Global custom CSS

.product-image-summary .cart {
    position: absolute;
}

.add-request-quote-button {
    position: inherit; margin: 0px 0px 0px 223px;
}

.yith_ywraq_add_item_response, .yith_ywraq_add_item_response_message {
    margin: 50px 0px 0px 0px ;
}

.compare-btn-wrapper .yith-ywraq-add-to-quote {
    display: none;
}

It works well. And Mobile page’s display good.

But..
The Variation product page has problem.

The problem is…
1. The “Add to quote” button beside of Variation(attribute. color, size….) select drop down button.
2. And the variation select drop down button position is not center by variation name position.

3. and qty+- and cart button under the wishlist and compare text link.

So the button position is not good..

How can I move the “add to quote” function to be correctly position?
I mean, ‘add to cart’ and ‘add to quote’ buttons below variation select and qty+- ?
And I want to move the wishlist anc compare text link under the button.

I wonder if you could help the problem?

Thank you
Best Regards.

Hi,

Try to remove your customization first so we can see how it looks in the plugin originally.

Regards

Oh Sorry, I removed the custom css.
Thank you.

Seems that your code is not correct and it breaks the layout in this situation.

umm, So, I removed Custom CSS in Theme Settings menu.
And I checked custom JS too.

And I did not edit theme’s file or Plugin files.

Any more action need?

Thank you.

It looks as it should now https://gyazo.com/cec8ec7d26cf3ed49f6db1aeb42e7915
You just need to remove a duplicate button.

Dear Artem Temos,

My website is looks as your screenshot already from #113114.
And your screenshot, that is my problem.

When I remove “add to quote” text link follow “https://xtemos.com/forums/topic/yith-request-quote-showing-duplicate/#post-97734”, the text link that under compare text link.

So, I add code my Custom CSS follow #97734 solution.
So the text link is not shown. But the button position is not aligned.

The button is problem.
“Add to cart” Button and “Add a quote” button is not aligned.

I’m sorry I can not speak English well.
I want change the button location looks like my attached file. single product and variation product both.
And mobile screen too.

Thank you.

Attachments:

You must be logged in to view attached files.

Thank you for your help.

So, I have attached screenshot file that I wanted design(button position).
I edit by Paint program.

If I apply this code in Global custom CSS part, the “add to quote” text link is remove successfully

.compare-btn-wrapper .yith-ywraq-add-to-quote {
    display: none;
}

But, “add a quote” button is not pretty.
So, I want to move the button side of cart button.

Thank you.

Hello,

I have checked the page, unfortunately, it is not possible to make it with the CSS code. Such modification will require complete Wocommerce customization which is not covered by our support we can just slightly modify with CSSS.

Best Regards

Ok, Thank you for your support.

When I add some CSS code, button location was woks well.
I just want mobile page and variation product page display.
I think is it more manual parts. So I think it’s not hard to developer.
But It is ambiguous whether theme or Plug in function.

So, I gave up about the button. Just remove the button and leave the link text.

Anyway, Thank you for your help.
Best regards.

Hello,

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts