Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 8, 2018 at 8:16 am #1018834
    czar

    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/

    October 8, 2018 at 7:34 pm #1019162
    Victoria

    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

    October 8, 2018 at 9:56 pm #1019240
    czar

    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 6 years, 1 month ago by czar.
    October 12, 2018 at 9:12 am #1020645
    Basilis

    Hi,

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

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

    Best regards,
    Basilis

    October 12, 2018 at 2:06 pm #1020709
    czar

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

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

    thanks

    • This reply was modified 6 years, 1 month ago by czar.
    October 18, 2018 at 5:45 pm #1023514
    Ismael

    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

    October 18, 2018 at 8:51 pm #1023638
    czar

    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

    October 19, 2018 at 2:29 am #1023719
    Ismael

    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

    October 19, 2018 at 7:28 am #1023776
    czar

    Many thanks Ismael so it’s perfect!

    October 19, 2018 at 4:48 pm #1024023
    Victoria

    Hi czar,

    Glad we could help :)

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

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