Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1018834

    Hi, my client has put a product on offer.In homepage badge with offer is correct, but on the single product, badge moves to sidebar. I think it’s just a css problem.
    thanks

    http://i63.tinypic.com/2dlun3r.png | http://i64.tinypic.com/zthnac.png

    I followed this thead for customization.:
    kriesi.at/support/topic/enfold-single-product-page-sidebar-will-not-appear-on-the-right/

    #1019162

    Hey czar,

    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

    
    #top .single-product-main-image .onsale {
        left: 7px;
        width: 7%;
        right: auto;
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1019240

    Hi Victoria, badge is not in the correct position over product image (you can see it on the product page).
    It should be under the title, as you can see in the attached image.

    http://i63.tinypic.com/21osy1x.png

    thank you

    • This reply was modified 5 years, 12 months ago by czar.
    #1020645

    Hi,

    Here what I see:
    http://nimb.ws/xSg63k

    Not sure why you do see it with a wrong placement.

    Best regards,
    Basilis

    #1020709

    Hi Basilis, badge should be under the title, not on image

    http://i63.tinypic.com/21osy1x.png

    thanks

    • This reply was modified 5 years, 12 months ago by czar.
    #1023514

    Hi,

    Thanks for the update. And sorry for the late response.

    This code should move the “sale” container below the product title.

    add_action('init', 'ava_move_sale_flash', 10);
    function ava_move_sale_flash() {
       remove_action('woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10);
       add_action('woocommerce_single_product_summary', 'woocommerce_show_product_sale_flash', 7);
    }

    Just add it in the functions.php file.

    Best regards,
    Ismael

    #1023638

    Hi Ismael thanks for reply but I think there is a problem, it is right back over the menu.
    see image
    http://i64.tinypic.com/a2cdhu.png

    #1023719

    Hey!

    Thanks for the update.

    Use this css code to adjust the container’s position.

    #top .template-shop div.product div.summary {
        position: relative;
    }
    
    #top .onsale {
        top: 50px;
        right: auto;
        left: 200px;;
    }

    Regards,
    Ismael

    #1023776

    Many thanks Ismael so it’s perfect!

    #1024023

    Hi czar,

    Glad we could help :)

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

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