Switch title and image for WooCommerce single product

  • jwiere03

    (@jwiere03)


    9 years, 2 months ago

    I am developing an ecommerce website using WooCommerce. All of the products are single products and the client would like to flip flop the position of the product image and the title. I have seen examples of moving the title by unhooking and hooking into a different action. But I’m not sure exactly how to do this to move things as the client would like.

    Here is a screenshot showing what I need

    https://wordpress.org/plugins/woocommerce/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jwiere03

    (@jwiere03)

    9 years, 2 months ago

    I accidentally gave the wrong link for the screenshot.

    Thread Starter jwiere03

    (@jwiere03)

    9 years, 2 months ago

    Screenshot

    lorro

    (@lorro)

    9 years, 2 months ago

    The hooks will let you add in extra bits of content, and sometimes remove them, but not change the order of them, so I think to do what you want you will need to make a child theme and then make a template override for the product page. Start with a copy of the WooCommerce product page, and in the override, chop and change the code to suit.

    ManusH

    (@manush)

    9 years, 2 months ago

    But just for changing the layout,
    you can edit the css-styles for your own usage.

    Basicaaly, just changing/defining
    float:right / float left
    values may do the trick for you.

    But, a screenshot won’t give any clue about the styles you are using.
    A live link to the page will be more useful to address the exact style.

    You can relocate the items as you wish just by changing the custom css.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Switch title and image for WooCommerce single product’ is closed to new replies.