ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• May 13, 2016 at 2:04 pm #267321
  Buysmartuk

  Member

  Post count: 22

  Hi,

  Is there a way to move the buy button underneath product price quickly and simply?

  I just wanted to check before seeking advice about how to hack it via a child theme.

  I can see in sf-woocommerce.php the function ‘sf_product_price_rating’ is hooked to ‘woocommerce_single_product_summary’ and assume its an ordering thing on actions.

  Also the buy button for single variation is on action ‘woocommerce_single_variation’.

  Any advice would be greatly appreciated.

  Many thanks!

  May 13, 2016 at 2:13 pm #267327
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you provide a mockup image of how you would like it to be so we can seek for a solution?
  Thanks

  -Rui

  May 13, 2016 at 2:48 pm #267338
  Buysmartuk

  Member

  Post count: 22

  I’ll try this quickly.

  [PRODUCT PRICE]
  [BUY BUTTON]
  [PRODUCT SHORT DESCRIPTION]
  [CATEGORIES & TAGS]
  [SHARE]

  Ive already used child version of content-single-product.php to move the title of product and crumbs to be full width above the image and right hand side product summary container.

  If you still need an image let me know.

  Many thanks for your help!

  May 13, 2016 at 4:35 pm #267400
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  thanks just need a link to a product page to see what you have and how to adjust it with css.

  -Rui

  May 13, 2016 at 5:19 pm #267426
  Buysmartuk

  Member

  Post count: 22

  This reply has been marked as private.
  May 16, 2016 at 1:26 pm #267748
  David Martin – Support

  Moderator

  Post count: 20834

  Please add this to: Theme Options => Custom JS.

  if ( jQuery("form.cart").length > 0 ) {
      jQuery("form.cart").insertBefore( ".product-short" );
  }

  May 16, 2016 at 3:39 pm #267809
  Buysmartuk

  Member

  Post count: 22

  Hi,

  Hmmm not entirely what I was looking for its more a hacky way.

  function xyz_tweak_product_page(){
  	remove_action( 'woocommerce_single_product_summary', 'sf_product_share', 45 );
  	remove_action( 'woocommerce_single_product_summary', 'sf_product_short', 20 );
  	add_action( 'woocommerce_after_add_to_cart_form', 'sf_product_short', 20 );
  }

  I kind of got it running this way for now by adding this to functions.php. Unfortunately at the moment I have to run it at the end of sf-woocommerce.php but would prefer a hook which occurs at the end of that files actions happening to catch it without effecting that core file directly.

  Any ideas what action I could hook into?

  Many thanks.

  May 16, 2016 at 3:43 pm #267811
  Buysmartuk

  Member

  Post count: 22

  This reply has been marked as private.
  May 16, 2016 at 4:34 pm #267832
  David Martin – Support

  Moderator

  Post count: 20834

  Ok, I did not realise you wanted a hook specifically – Your function is broadly correct but should be within the child theme functions.php file.

  Why not add content-single-product.php to your child theme. Then add your own action before the price to avoid changing the action order or existing hooked functions.

  Ex, below within content-single-product.php

  				<?php 
  					// WooCommerce Title
  					woocommerce_template_single_title();
  				?>

  You could add,

  ``

  You can then hook like this in your child theme: ` add_action( ‘sf_single_product_after_title_before_content’, ‘woocommerce_template_single_add_to_cart’ );
  `

  May 22, 2016 at 11:57 am #269204
  Buysmartuk

  Member

  Post count: 22

  Oh sorry 🙂

  This looks really interesting I will give it a whirl and let you know how I get on but this looks a lot more maintainable.

  Many thanks!

  May 23, 2016 at 9:47 am #269284
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks to David.
  Mohammad

• Back to forum

  Posted in: Atelier