Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 5, 2016 at 12:48 am #593596
    kyagi

    Hi,
    I’ve a problem to align the sale badge in list view.. I wan’t that the badge stay in the top right of the product image like in grid view..
    You can see here in my website: http://www.netland.it.
    When I solve the problem in the list view does not work in the grid… the plugin creator tell me:
    “Now, I’m really not sure which action should be used, maybe you could ask the Enfold guys, just tell them this plugin has an installation hook and can hook onto any action, and that they should tell you the action to init the plugin before it gets in the bottom container.”

    In a product detail I wan’t that the sale badge stay in the top right of the product image..
    product detail

    Thank you

    March 7, 2016 at 2:33 pm #594317
    Vinay

    Hi kyagi!

    We don’t see any sale badge on the links you have provided. Once you have the sale badge on the page appear let us know we can help you with some custom CSS to align it as per your request.

    Best regards,
    Vinay Kashyap

    March 8, 2016 at 1:03 pm #594977
    kyagi

    Here http://www.netland.it/categoria-prodotto/informatica/notebook-e-tablet/
    Go in Grid View and see the badge then go in List View and badge disappear… are visibile only one badge in list view in top right of the product.. this for a bad css make by me..
    Can you help me?

    March 12, 2016 at 8:16 am #597161
    Ismael

    Hi!

    The theme doesn’t have a grid / list toggle by default so you’re probably using another plugin for it. The grid is using the default woocommerce template so the badges is working there. Ask the developer of grid / list toggle plugin for the template file that they use to create the “list” view.

    UPDATE: This could also be a css issue. Adding this css code displays the badge but it took away the thumbnails:

    #top div .product_on_sale .inner_product_header {
    position: relative;
}

    Best regards,
    Ismael

    March 13, 2016 at 11:09 pm #597441
    kyagi

    Hi Ismael,
    your suggestion works in list view but broken the grid view, in grid view the badge now overlaps the name of the product..

    March 17, 2016 at 2:42 am #599352
    Ismael

    Hi!

    Please ask the author to correct the css styles of the plugin.

    Regards,
    Ismael

    March 17, 2016 at 11:47 am #599534
    kyagi

    Ok Ismael,
    for now telle me how to disable the sale badge in Enfold, I’m using this http://kriesi.at/themes/enfold-shop/

    Regards,
    Giuseppe

    March 17, 2016 at 6:36 pm #599875
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    span.onsale {
    display: none;
}

    Best regards,
    Yigit

    April 15, 2016 at 9:11 pm #615145
    lenalavendel

    Hi kyagi,
    may I ask you which plugin for grid/list toggle did you use? Plugins I tried work not properly since enfold settings overrides them.
    Many thanks in advance!
    Lena

    April 15, 2016 at 10:10 pm #615180
    kyagi

    Hi lenalavandel,
    I’m using this plugin https://www.woothemes.com/products/grid-list-toggle/
    that is advised by woo crew…

    I’ve solved myself the list alignment with this css custom mod:

    #top .thumbnail_container img {
    width: 100% !important;
    }

    ul.products.list li.product img {
    margin-top: 20px !important;
    }

    ul.products.list li.product hr {
    border-width: 0 0 0 0;
    margin-bottom: 0px;
    }

    ul.products.list li.product {
    position: inherit !important;
    padding: 0px 0px 0px 0px !important;
    }

    ul.products.list li.product .thumbnail_container {
    width: 30%;
    height: 50%;
    float: left;

    }

    #top .inner_product_header {
    clear: right;
    border-top-width: 0px;
    min-height: 0px;
    padding: 5px 5px 15px 5px !important;
    }

    div .products .product a, div .products .product a img {
    display: inline !important;
    }

    div.entry-content-wrapper ul.products.grid{
    margin-top: 20px !important;
    }

    div.entry-content-wrapper div.product-sorting{
    padding-bottom: 0px;
    }

    April 15, 2016 at 11:07 pm #615197
    lenalavendel

    Wow, thanks a lot, dear kyagi. You solved my headache-problem.
    Thanks.
    Thanks.
    Thanks.

    April 17, 2016 at 7:50 am #615727
    Rikard

    Hi,

    Great, so everyone got their problems fixed?

    Regards,
    Rikard

    April 27, 2016 at 6:12 pm #623275
    kyagi

    Yes Rikard,
    you can close this post.

    Regards,
    Giuseppe

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Sale Badge Align Problem’ is closed to new replies.