-
AuthorPosts
-
October 8, 2018 at 8:16 am #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.
thankshttp://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 #1019162Hey 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,
VictoriaOctober 8, 2018 at 9:56 pm #1019240Hi 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.
October 12, 2018 at 9:12 am #1020645Hi,
Here what I see:
http://nimb.ws/xSg63kNot sure why you do see it with a wrong placement.
Best regards,
BasilisOctober 12, 2018 at 2:06 pm #1020709Hi 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.
October 18, 2018 at 5:45 pm #1023514Hi,
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,
IsmaelOctober 18, 2018 at 8:51 pm #1023638Hi 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.pngOctober 19, 2018 at 2:29 am #1023719Hey!
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,
IsmaelOctober 19, 2018 at 7:28 am #1023776Many thanks Ismael so it’s perfect!
October 19, 2018 at 4:48 pm #1024023Hi czar,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.