Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 11, 2017 at 1:47 pm #776012
    zeaigars

    Hello!
    I created catalogue using Enfold catalogue layout element.
    How can I add icon next to price that instantly add product to shopping cart (without page reload)?
    I already added all my products using woocommerce. I want to asign them with catalogue.
    Thanks.

    April 11, 2017 at 3:50 pm #776130
    Victoria

    Hey zeaigars,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    April 11, 2017 at 6:52 pm #776258
    zeaigars

    Hello, again

    I found solution for linking products. I’ll use “menu/?add-to-cart=657”.
    But I still need help with adding specific image/icon as “+” next to price.

    April 11, 2017 at 7:42 pm #776273
    Basilis

    Hi!

    Let us know if that plugins helps at all

    WooCommerce Quantity Increment

    Cheers!
    Basilis

    April 11, 2017 at 9:32 pm #776322
    zeaigars

    No it doesnt helps me.

    I want to add image as (+) sign and when you click it products adds to shopping cart.

    All I need is the css code/modification that will add image icon next to price. (Enfold catalogue element)

    April 12, 2017 at 12:54 am #776380
    John Torvik

    Hi,

    This link should help you: http://stackoverflow.com/questions/25942950/woocommerce-plus-and-minus-buttons

    Best regards,
    John Torvik

    April 12, 2017 at 12:47 pm #776610
    zeaigars

    Okey, look what I need. (CSS Code to do that).
    How I need: http://imgur.com/a/vGZH3
    Now: http://imgur.com/a/i5PcJ

    All I need is to add that plus.png image next to price. (Also I need option to add custom link for each (plus) image.

    Thanks,
    I really hope you can help me.

    April 13, 2017 at 3:44 pm #777345
    Victoria

    Hi zeaigars,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-catalogue-price:after {
    content: '+';
    font-family: 'entypo-fontello';
    font-weight: bold;
    font-size: 30px;
    margin: 0px 0px 0px 12px;
    line-height: 33px;
}

    You can add there background image, if you need an image instead of plus.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 18, 2017 at 1:21 pm #779262
    zeaigars

    How can add my image instead of entypo icon?

    April 18, 2017 at 1:51 pm #779289
    zeaigars

    I have and fontello icon now: http://imgur.com/gPwYmjU
    But I still have few questions.
    How can I change the “+” sign only to white?

    Otherwise how can I add my own image (icon) instead of fontello icons next to price?

    April 18, 2017 at 4:24 pm #779448
    Victoria

    Hi zeaigars,

    This is how you add an image:

    
content: url(“http://dev.disklabs.com/html/assets/img/menu-arrow-recovery.png”);

    If you need further assistance please let us know.
    Best regards,
    Victoria

    • This reply was modified 7 years, 7 months ago by Victoria.
  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.