Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Change text of "previous and next" in product page


codefordummies

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Add the following to Store Settings > Advanced > Page Header Code Injection. <style> .ProductItem-nav { line-height: 1.5em; } .tweak-product-item-nav-paginati

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

@tuanphan I responded to @elijah_aaron's question here.  

Posted Images

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.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
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!

Link to post
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...