Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 24, 2021 at 2:16 am #1330204
    micscr

    Hey Guys,

    I like the product list element’s add-to-cart feature.

    Is there a quick way to also display a cart icon for every item in the list so that the user immediately understands it intuitively?

    Thx & BR,
    Michael

    November 24, 2021 at 5:48 am #1330251
    Ismael

    Hey micscr,

    Thank you for the inquiry.

    Yes, that should be possible with this css code.

    .av-catalogue-content:before {
    content: "add to cart";
    position: absolute;
    right: 0;
    top: 50px;
}

    You can replace the content value with an image or a font icon. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    November 26, 2021 at 3:12 pm #1330605
    micscr

    Thanks Ismael,

    that did the trick!

    Here is the CSS for the standard cart icon placed directly under the price if anyone else has this need:

    .av-catalogue-content:before {
    content: "\e859";
    font-family: 'entypo-fontello';
    position: absolute;
    right: 20px;
    top: 36px;
}

    Best Regards /
    Michael

    November 27, 2021 at 5:23 am #1330652
    Rikard

    Hi Michael,

    Thanks for sharing your solution :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.