• Resolved michaelherr

    (@michaelherr-1)


    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.

Viewing 15 replies - 1 through 15 (of 18 total)
  • Plugin Author Neah Plugins

    (@gplsaver)

    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.
    Thread Starter michaelherr

    (@michaelherr-1)

    I am using the RFQ checkout. Here is the link: https://amaxindustrial.com/products/
    Thanks for the speedy response.

    Plugin Author Neah Plugins

    (@gplsaver)

    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 this

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

    Plugin Author Neah Plugins

    (@gplsaver)

    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; */
    }
    Thread Starter michaelherr

    (@michaelherr-1)

    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?

    Plugin Author Neah Plugins

    (@gplsaver)

    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 this

    a.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;*/
    }

    Plugin Author Neah Plugins

    (@gplsaver)

    I also saw a warning that is fixed in 1.7.93. You can remove the warning by updating to that version

    Thread Starter michaelherr

    (@michaelherr-1)

    The “Uncaught Syntax Error”?

    Thread Starter michaelherr

    (@michaelherr-1)

    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?

    Thread Starter michaelherr

    (@michaelherr-1)

    In addition, I made the edits you provided and the result was: Screenshot

    Plugin Author Neah Plugins

    (@gplsaver)

    “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?

    Thread Starter michaelherr

    (@michaelherr-1)

    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.

    Plugin Author Neah Plugins

    (@gplsaver)

    “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?

    Thread Starter michaelherr

    (@michaelherr-1)

    I do yes, should I bug him a little bit haha

    Plugin Author Neah Plugins

    (@gplsaver)

    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 πŸ™‚

Viewing 15 replies - 1 through 15 (of 18 total)

The topic ‘Missing Add to Quote Button’ is closed to new replies.