Change text of "previous and next" in product page

Site URL: https://www.terroir-imports.com/produits

Hi guys, 

I am looking to change the "previous" and "next" text on my product page on my french version website. Does anyone have some custom CSS for this? I would like it to be:

• previous = précédent
• next = suivant

Thanks guys, 

🙂 

Add the following to Store Settings > Advanced > Page Header Code Injection.

<style>

  .ProductItem-nav {
  
    line-height: 1.5em;
    
    }
    
  .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--next .ProductItem-nav-pagination-link-direction,
  .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--prev .ProductItem-nav-pagination-link-direction
  
    {
  
    display: none;
    
    }
    
  .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--next:after {
  
    content: 'Suivant \0020\203A';
    
    }
    
  .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--prev:before {
  
    content: '\2039\0020 Pr\00e9 c\00e9 dent';
    
    }
    
  </style>

Let us know how it goes.

11 hours ago, creedon said:

Add the following to Store Settings > Advanced > Page Header Code Injection.

<style>

  .ProductItem-nav {
  
    line-height: 1.5em;
    
    }
    
  .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--next .ProductItem-nav-pagination-link-direction,
  .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--prev .ProductItem-nav-pagination-link-direction
  
    {
  
    display: none;
    
    }
    
  .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--next:after {
  
    content: 'Suivant \0020\203A';
    
    }
    
  .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--prev:before {
  
    content: '\2039\0020 Pr\00e9 c\00e9 dent';
    
    }
    
  </style>

Let us know how it goes.

This worked out perfectly! Thank you very much @creedon!

How do I add a "Next" and "Previous" button in the first place? I can't figure out if it comes with my site version or not. That would be SO helpful

On 12/6/2020 at 10:59 AM, elijah_aaron said:

How do I add a "Next" and "Previous" button in the first place? I can't figure out if it comes with my site version or not. That would be SO helpful

Do you still need help on this?

@tuanphan

I responded to @elijah_aaron's question here.

Yes, but can I bypass this?