How can i add other icons like "new" and "out of stock"?

This topic has 6 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

  • Avatar: jexdesign
    Laura
    Participant
    March 10, 2015 at 11:30

    Hi,
    i need to add other icons to my shop.
    Is it possibile?

    Thank you
    l.

    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 10, 2015 at 11:40

    Hello,

    You can changes style of “out of stock” icon via CSS style. Please add this code in custom.css file.

    .out-stock{
    background:red;
    }

    and “new” icon:

    .type-label-1{
    background:red;
    }

    Please replace redto link of your icons (background: url(here is link to your image);).

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: jexdesign
    Laura
    Participant
    March 10, 2015 at 11:43

    Hi Robert,
    thank you for your answer.

    I need also “out of stock”, “new” and “sale” icons… so, i cannot change css, but i need to add new icons.

    Thank you.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 10, 2015 at 15:19

    Please provide us with links to the page with this icons or sreenshot of the place where you would like to add this icons.

    With best regards
    Brian Johnson

    Avatar: jexdesign
    Laura
    Participant
    March 10, 2015 at 15:24

    It’s a simple shop, but i need to add some labels like “Elegant”, “Sporty”, etc…
    I saw there are many plugins to do that, but i hope i can do it editing your code directly…

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    March 11, 2015 at 09:31

    Hello,

    Sorry, but in this case you have to use some 3rd-party plugins to add your own labels.

    Regards,
    Eva Kemp.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.