WooCommerce Product Navigation on Single Product Page

  • Resolved lilworddev121

    (@lilworddev121)


    4 years, 4 months ago

    I am trying to change the direction of the product navigation arrows on the Single Product pages of my clients website.

    The client sells second hand clothing so the products are shown by most recent. If you click on the first product to view the single product page. There are navigation arrows on the top right to go to the next product. But the arrows are backwards.

    Whilst I understand that to go to the second most recent product you are going backwards (so an arrow left/backwards is needed). If you look at it from a shop home page view you want to press a right arrow to the next product.

    I cannot seem to find anyone who knows how to fix this. I know it is possible as other shops can do it.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    Hi @lilworddev121,

    Looking at the arrow icons on single product pages they seem to be being added by the WordPress theme the site is using which is called Astra and not the WooCommerce plugin itself.

    Image Link: https://cloudup.com/cDEkqs1AXhV

    The icons are added via CSS and the developer of the Astra theme could maybe offer some custom CSS which would change the previous and next icons around for you.

    I hope this helps.

    Thread Starter lilworddev121

    (@lilworddev121)

    Hi Stuart, I’ve already approached Astra and they told me it was a WooCommerce setting and they couldn’t help. I did think it was Astra not WooCommerce.

    I’ll find a developer to write some CSS to change the way the buttons work.

    Thanks for your help.

    Claire

    Plugin Support Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    Hey @lilworddev121,

    Looking at the Icon HTML it’s defintley something which is being styled by the Astra theme as the HTML Class for that icon is ast-icon-previous. The ast portion is short for Astra.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WooCommerce Product Navigation on Single Product Page’ is closed to new replies.