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

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
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 comment
  • 1 month later...
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 2 months later...

Create an account or sign in to comment

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

×
×
  • Create New...