Support » Plugin: WooCommerce » Move Add to Cart button in Related Products

  • Resolved kristinubute

    (@kristinubute)


    Hi

    I was wondering how to MOVE the “Add to Cart” button in the Related Products area on the Single Product page.

    My site 3 columns for this client with left Sidebar.

    “Add to Cart” button is centred on main shop pages.

    On the Related Products Page on the Single Product page as there is NO sidebar in here, then it stretches out the 3 products in 3 columns across page 100%, therefore the “Add to Cart” button is now not sitting centered.

    How to fix this formatting has been a bit of a pain.
    Any advice for this fix would be greatly appreciated

    Thx
    Kristin

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Shane Eckert

    (@shaneeckert)

    Automattic Happiness Engineer

    Hey Kristin,

    We talk about how to change templates here: https://docs.woocommerce.com/document/template-structure/

    This is a great place to start and probably the best way to move a button around. Small changes can be done with CSS pretty easily, but moving elements around on a page is best done with template overrides.

    I hope this helps. Please let us know if there is anything else we can help with!

    Cheers!

    HI

    If only I could master getting 4 columns of Products in this area for Related Products would fix the issue I think but I am having trouble with that.

    Then the “Add to Cart” button would be back to normal again.

    I know how to move the “Add to Cart” button but it is mainly the columns in this section proving to be a pain.

    Any advice on that ?

    Thx
    Krsitin

    Plugin Support Joel Williams

    (@joelwills)

    Automattic Happiness Engineer

    Hi Kristin!

    Were you able to fix this issue? Please let us know if you’ve solved it now. Thanks!

    HI Joel

    No still an issue

    Still won’t display 4 columns in this area, frustrating.

    Thanks
    Kristin

    Plugin Support Hannah S.

    (@fernashes)

    Automattic Happiness Engineer

    As no-one else has chimed in with code help, I’m going to wrap up this thread now. If you do need or want more help with this, then I highly recommend contacting one of the services on our customizations page: https://woocommerce.com/customizations/

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Move Add to Cart button in Related Products’ is closed to new replies.