Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 11, 2025 at 11:55 pm #1481215
    akhurst_machinery

    Hello,
    I need help …

    We need to organize the default product information on our website better.
    Especially the font sizes …

    Please see below a simple screenshot of the ideal layout.
    https://snipboard.io/ni7ITQ.jpg

    Current live webpage:

    Blade Front/Rear Trim 100mm

    Can you help me?

    Thank you, Leo

    April 12, 2025 at 2:23 pm #1481227
    Mike

    Hey Akhurst,
    To increse the font sizes for the price, sku, & categories, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.single-product .price span {
	font-size: 30px;
}
#top.single-product .main_color .product_meta span {
	font-size: 30px;
}

    adjust the font size to suit.
    To remove the related products, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function remove_woo_relate_products(){
    remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 20);
}
add_action('init', 'remove_woo_relate_products', 10);

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    April 15, 2025 at 12:49 am #1481346
    akhurst_machinery

    Awesome! Both worked 100% fine!
    Thank you so much ;)

    I wish I could also split the SKU and categories into different lines.
    Is it possible?

    https://snipboard.io/arkj8N.jpg

    April 15, 2025 at 5:55 am #1481357
    Ismael

    Hi,

    Thank you for the update. You can add this css code to move the categories to the next line:

    #top.single-product .main_color .product_meta span.sku_wrapper {
    clear: both;
    display: block;
}

    Best regards,
    Ismael

    April 15, 2025 at 5:49 pm #1481389
    akhurst_machinery

    Worked 100% fine!
    Thank you sooooooooo much ;)

    April 15, 2025 at 6:12 pm #1481391
    akhurst_machinery

    Another thing I’ve been trying to solve for a while is making me crazy ….
    The HOME link in the breadcrumb doesn’t go to the Shop’s Home Page; it goes to the Akhurst website’s homepage.

    It should go to https://shop.akhurst.com/ and not to our main Akhurst website.
    Is there a way I can fix this? Please….

    https://shop.akhurst.com/product/canmx722413/
    https://snipboard.io/zp0Pnh.jpg

    April 16, 2025 at 6:20 am #1481412
    Ismael

    Hi,

    Glad it’s working! For the breadcrumb, try to add this code in the functions.php file:

    function avia_breadcrumbs_trail_mod($trail)
{
    if ( is_product() || is_product_category() ) {
        $trail[1] = '<a href="https://shop.akhurst.com/" title="Product Page" rel="">Home</a>';
    }
    return $trail;
}
add_filter('avia_breadcrumbs_trail', 'avia_breadcrumbs_trail_mod', 50, 1);

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    April 17, 2025 at 5:54 pm #1481525
    akhurst_machinery

    Sure!

    April 17, 2025 at 9:54 pm #1481542
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Product Page (woocommerce layout)’ is closed to new replies.