Gravatar for

Question by ucho76, Sep 7, 2018 1:49 PM

Show Less and Show More on facet translation

On Coveo Website I see that in French - Show more and Show less label are translated. Somehow, on my website it still showing it in English. Everything else is translated. Toughts ?

1 Reply
Gravatar for

Answer by Jean-François L'Heureux, Sep 7, 2018 2:35 PM

Hi Paul,

If you inspect the "Show More"/"Voir plus" element, you will notice a `::before` element inside it with the following CSS from the `styles.css` file:

body .CoveoFacet .coveo-facet-custom-wrapper .coveo-facet-more-icon::before,
body .CoveoFacet .coveo-facet-custom-wrapper .coveo-facet-less-icon::before {
    content: 'Show More';

This is custom CSS the Coveo website team created to hide the out of the box arrow SVG icons and replace it by text. By navigating to this stylesheet, you can see there is another CSS rule for when the page is in French:

[lang="fr"] body .CoveoFacet .coveo-facet-custom-wrapper .coveo-facet-more-icon::before,
[lang="fr"] body .CoveoFacet .coveo-facet-custom-wrapper .coveo-facet-less-icon::before {
    content: 'Voir plus'

I highly recommend you install a separate vanilla Sitecore instance with the Coveo for Sitecore package, but without your project customizations. That way, you would be able to compare what is out of the box and what is customized in your project.

Ask a question