WooCommerce - excelling eCommerce
small CSS change to the product page - title above image (3 posts)

  1. meadows.pete
    Posted 2 years ago #

    Hi Guy's and Girl's,

    Apologies in advance, I'm no CSS guru and I know even less about LESS!

    Right now my product pages have the image in the left column and product title/info in the right column on the page. I want to sort it so that the product title goes across both columns, above the image(s) and above the information.

    Here's the site: http://digitalmeadows.co.uk/londonbb/?product=archway-gresley-road

    Can I do this using hooks perhaps? Or is there some nice custom CSS I can drop in to override the default? The theme is Modernize by Goodlayers, but it's not Woo compatible out of the box.

    Any help would be greatly appreciated - thanks in advance.



  2. meadows.pete
    Posted 2 years ago #

    For anyone with the same problem, it is done via hooks!

    /*---Move Product Title*/
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
    add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_title', 5 );

    This thread explains all - http://wordpress.org/support/topic/most-basic-customisation-seems-impossible?replies=15 (kind of!)

  3. jpanizzoli
    Posted 2 years ago #

    Worked perfectly by adding to functions.php... THANKS!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic