Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #195762

    This really should be much easier, but I’ve been trying for several hours now:

    I would like to move the DIV class=”images” out of the DIV class=”four units single-product-main-image alpha” and into the DIV class=”eight units single-product-summary”

    I also want to move the DIV containing itemprop=”offers” as well as the class=”cart” including variations_form cart out of the DIV class=summary entry-summary and into the woocommerce-tabs DIV.

    I wish I could do this on my own, but I cannot find any documentation on this.

    I am fine with editing PHP files, however I want a way to do this in my CHILD THEME so I am free to upgrade.

    #196338

    Hi rednovaMeUp!

    I’m not sure if simple copying over the same file structure will work in a child theme in this case but you can try it. The config-woocommerce>config.php file has the functions which wrap the images and product content in the grid wrappers. They are right around lines 898 to 928.

    You may be able to just do a remove_action on the two functions and then add your own it just depends on exactly how you want the end result to look.

    Best regards,
    Devin

    #197280

    Hi Devin,
    Unfortunately that did not work.

    I changed the following code on line 920 & 921:

    add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
    add_action( 'woocommerce_after_single_product_summary',  'avia_close_div', 3);
    

    I changed it to:

    remove_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
    remove_action( 'woocommerce_after_single_product_summary',  'avia_close_div', 3);
    

    I then replaced the config.php file in BOTH the main theme and my child theme config-woocommerce folders. However, nothing changed on the website. I think that just removes an EXTRA Div surrounding them.

    I’m more than happy to do my own digging, but I can’t find ANY decent documentation on woocommerce and how to use the ‘hooks’.
    Any help you can give would be much appreciated.

    You can see the incorrect position of the Cart on this page:
    http://arabellafoods.co.uk/shop/nuts/peanuts-roasted/

    Also in this image:
    Move Cart

    #197853

    The best resource is on their documentation here: http://docs.woothemes.com/document/hooks/

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Repositioning Woocommerce Single Product Page Divs’ is closed to new replies.