Missing Add to Quote Button
-
It looks like the latest update may have removed the “Add to Quote” from the multi-product page, not to be confused with the single product page.
-
michaelherr,
can you give a link to your site with woo-rfq turned on. It might be a css issue. Are you using the normal checkout or “RFQ” checkout-
This reply was modified 9 years, 7 months ago by
Neah Plugins.
I am using the RFQ checkout. Here is the link: https://amaxindustrial.com/products/
Thanks for the speedy response.Hi,
The update actually stopped overriding your theme and that is why you are not seeing it. It looks like in your theme natively speaking, add to cart / to quote does not show for variable products unless you drill down into the single product. We stopped overriding themes since other people had the opposite problem( they didn’t want the link to show on products page). So we left it to the theme.
Anyway.. A workaround for you if you wish:
in your style.css in your theme/child theme directory
look for this on line 496.woocommerce .button_ajax_wrapper .button.add_to_cart_button { color: #fff !important; border: none !important; background: #000 !important; }and change it to this
.woocommerce .button_ajax_wrapper .button.add_to_cart_button { /*color: #fff !important; border: none !important; background: #000 !important;*/ margin-bottom:0.5em !important; margin-right:25% !important; display:block !important; }and then again in the same file look for this on line 1615
change thisa.added_to_cart { display: none !important; } .woocommerce a.button.product_type_simple, .woocommerce a.button.product_type_variable, .woocommerce a.button.add_to_cart_button, .woocommerce a.button.product_type_simple.added, .woocommerce a.button.product_type_simple:hover { position: absolute; right: 0px; bottom: -50px; padding: 0px !important; line-height: 50px !important; border-width: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #000; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; color: #fff; font-size: 20px !important; margin-right: 0px !important; text-align: center; width: 50px; height: 50px !important; }to this:
a.added_to_cart { display: block!important; clear:both !important; } /* .woocommerce a.button.product_type_simple, .woocommerce a.button.product_type_variable, .woocommerce a.button.add_to_cart_button, .woocommerce a.button.product_type_simple.added, .woocommerce a.button.product_type_simple:hover { position: absolute; right: 0px; bottom: -50px; padding: 0px !important; line-height: 50px !important; border-width: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #000; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; color: #fff; font-size: 20px !important; margin-right: 0px !important; text-align: center; width: 50px; height: 50px !important;*/ }Hope this helps.
slight correcton :
line 1619 from previous post.woocommerce a.button.product_type_simple, .woocommerce a.button.product_type_variable, .woocommerce a.button.add_to_cart_button, .woocommerce a.button.product_type_simple.added, .woocommerce a.button.product_type_simple:hover { position: absolute; right: 0px; bottom: -50px; padding: 0px !important; line-height: 50px !important; border-width: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #000; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; color: #fff; font-size: 20px !important; margin-right: 0px !important; text-align: center; width: 50px; height: 50px !important; }to this:
.woocommerce a.button.product_type_simple, .woocommerce a.button.product_type_variable, .woocommerce a.button.add_to_cart_button, .woocommerce a.button.product_type_simple.added, .woocommerce a.button.product_type_simple:hover { /* position: absolute; right: 0px; bottom: -50px; padding: 0px !important; line-height: 50px !important; border-width: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #000; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; color: #fff; font-size: 20px !important; margin-right: 0px !important; text-align: center; width: 50px; height: 50px !important; */ }I don’t see these lines in my theme or child theme style.css file. I do, however, see them in the theme/woocommerce folder, there is a file called woocommerce.css. Is that where I am to change the lines you have mentioned?
You can change them there for now and see how it looks. I am going to repeat it here since i posted it twice.
Anyway.. A workaround for you if you wish:
in your style.css in your theme/child theme directory
look for this on line 496.woocommerce .button_ajax_wrapper .button.add_to_cart_button { color: #fff !important; border: none !important; background: #000 !important; }and change it to this
.woocommerce .button_ajax_wrapper .button.add_to_cart_button { /*color: #fff !important; border: none !important; background: #000 !important;*/ margin-bottom:0.5em !important; margin-right:25% !important; display:block !important; }and then again in the same file look for this on line 1615
change thisa.added_to_cart { display: none !important; } .woocommerce a.button.product_type_simple, .woocommerce a.button.product_type_variable, .woocommerce a.button.add_to_cart_button, .woocommerce a.button.product_type_simple.added, .woocommerce a.button.product_type_simple:hover { position: absolute; right: 0px; bottom: -50px; padding: 0px !important; line-height: 50px !important; border-width: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #000; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; color: #fff; font-size: 20px !important; margin-right: 0px !important; text-align: center; width: 50px; height: 50px !important; }and change to this
a.added_to_cart {
display: block!important;
clear:both !important;
}.woocommerce a.button.product_type_simple,
.woocommerce a.button.product_type_variable,
.woocommerce a.button.add_to_cart_button,
.woocommerce a.button.product_type_simple.added,
.woocommerce a.button.product_type_simple:hover {
/* position: absolute;
right: 0px;
bottom: -50px;
padding: 0px !important;
line-height: 50px !important;
border-width: none;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background: #000;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
color: #fff;
font-size: 20px !important;
margin-right: 0px !important;
text-align: center;
width: 50px;
height: 50px !important;*/
}I also saw a warning that is fixed in 1.7.93. You can remove the warning by updating to that version
The “Uncaught Syntax Error”?
If I change it there, wont it be overwritten the next time there is an update to this plugin? Is there something I can drop in my custom css file instead?
In addition, I made the edits you provided and the result was:

“If I change it there, wont it be overwritten the next time there is an update to this plugin? Is there something I can drop in my custom css file instead?”
You are right. You should put it in the custom css. I wanted to you see the button is there but it is getting hidden by your theme css as as a starting point. I think your theme by design not showing the add to cart button . I would look in the customizer for your theme, there might be an option for hiding/not hiding.If you inactivate the Woo-RFQ plugin, does the “add to cart” show?
Deactivating Woo-RFQ does not make the “add to cart” button show. I also looked thoroughly through the themes options and did not see anything that led me to believe there is an option to hide/unhide the button.
Adding the code you provided to my themes custom css file did not have any impact at all.
“Deactivating Woo-RFQ does not make the βadd to cartβ button show”
OK that confirms it is the theme’s design/feature not to show it there. Your theme does not show buttons in the multiple products page for variable products.“Adding the code you provided to my themes custom css file did not have any impact at all”
No it would not. Your theme custom.css needs to be modified to undo what is your woocommerce.css is doing also in your theme directory.“If I change it there, wont it be overwritten the next time there is an update to this plugin?”
Actually update to the plugin would not overwrite. it is any updates to the theme that would overwrite it. the plugin does not overwrite any of your theme’s files. When I first read it I was thinking of you updating your theme. Do you have any contact with the theme developer?
I do yes, should I bug him a little bit haha
Well, here is a thought…
You are using the RFQ checkout. Almost all changes in the past few versions have targeted the “Normal Checkout” fixes. You could drop down to the version where it was working. We are working on a version with some added features for both normal and rfq checkout due in the coming month (Woo-RFQ Plus) :). That version will also include the feature to bridge this gap for themes that do not show “add to cart” for non-simple products without over-riding the theme.
Also as a suggestion, unless your working on a development site i would add
define('WP_DEBUG', false);to eliminate warnings and notices from the production environment.
My 2 cents π
-
This reply was modified 9 years, 7 months ago by
The topic ‘Missing Add to Quote Button’ is closed to new replies.