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

Bilingual Website and ecommerce


codefordummies

Recommended Posts

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

Hi guys, 

I need some help with some finishing touches for my bilingual website. I seem to encounter some issues, especially when it comes to my shopping cart and checkout page. Here is a list of things I'm looking to do:

  • Shopping cart: throughout my entire website I have chosen to hide either secondary (French) or primary navigation (English) depending on which version of my site clients use. However, when you arrive at the shopping cart, both primary and secondary navigation are displayed. Is there a way of hiding primary navigation when my clients are using the French version of my online store (https://www.terroir-imports.com/produits) and hiding secondary navigation when my clients are using my English version of my online store (https://www.terroir-imports.com/products)?

291785516_ScreenShot2020-10-25at8_44_35PM.thumb.png.e7e2063ca6c5469fcf001b6f7e2ef6f4.png

 

  • Shopping cart: is there any way of changing the following:
    • "QTY" = Case(s) | Caisse(s)
    • "Price" = Price | Prix
    • "Subtotal" = Subtotal | Sous-total
    • "Checkout" = Checkout | Paiement

645854898_ScreenShot2020-10-25at8_44_15PM.thumb.png.b0fb7ce52e3e1a92bb0e5e34fe75c602.png

  • Quick view (working link: https://www.terroir-imports.com/produits) : does anyone have a custom code to change "Quick view" to "Aperçu rapide" only on my French site?1665354572_ScreenShot2020-10-25at8_42_56PM.png.3ec7af4ab04c2aa91ce30c6dfc8418cc.png
  • View full item: does anyone have a custom code to change "View full item" to "Plus de détails" only on my French site?
  • Checkout page: is there anyway of modifying the preset text in the checkout page? I would want to make the headers bilingual (ex. Payment | Paiement).
  • Store (working link: https://www.terroir-imports.com/produits/bourgogne-aligot-2018-mark-haisma) : is it possible to change the following button in my online store 
    • "Added to cart" = "Ajouter au panier"
    • "Adding" = "Ajout en cours"
    • "Added!" = "Ajouté!"

Thanks for your help guys!

@tuanphan @creedon

Link to comment
48 minutes ago, codefordummies said:

does anyone have a custom code to change "Quick view" to "Aperçu rapide" only on my French site?

Add the following to Store Settings > Advanced > Page Header Code Injection for your french store.

<script>

  $( ( ) => {
  
    /* change Quick View to Aperçu rapide */
    
    $( '.sqs-product-quick-view-button' ).html ( 'Aperçu rapide' );
    
    } );
    
  </script>

 

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

Link to comment
1 hour ago, codefordummies said:

View full item: does anyone have a custom code to change "View full item" to "Plus de détails" only on my French site?

This one is a bit trickier as the Quick View lightboxes are created on the fly. This needs more than a few lines of code.

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

Link to comment
1 hour ago, codefordummies said:

is it possible to change the following button in my online store 

  • "Adding" = "Ajout en cours"
  • "Added!" = "Ajouté!"

 

I think this one is in the same boat as my previous post. It is dynamic behaviour which needs to be watched with a MutationObserver. MTs basically watch an element for changes and then act upon that change. I've created MTs but as I say it's not just a few lines of code.

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

Link to comment
On 10/25/2020 at 5:44 PM, codefordummies said:

Shopping cart: is there any way of changing the following:

  • "QTY" = Case(s) | Caisse(s)
  • "Price" = Price | Prix
  • "Subtotal" = Subtotal | Sous-total
  • "Checkout" = Checkout | Paiement

Add the following to Design > Custom CSS.

#cart .XgjsO_M3Y ._3zzV1fDFF span:after { /* column label */ /* price column label */
  
  content: ' | Prix';
  
  }

#cart ._225eTv05l ._3zzV1fDFF:before { /* column label */ /* quantity column label */
  
  content: 'Case(s) | Caisse(s)';
  
  }

#cart ._225eTv05l ._3zzV1fDFF span { /* column label */ /* quantity column label */

  display: none;
  
  }

#cart ._3qWE9VU-U span:after { /* subtotal label */

  content: ' | Sous-total';
  
  }

#cart .checkout-button:after {

  content: ' | Paiement';
  
  }

 

Edited by creedon

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

Link to comment
1 hour ago, creedon said:

#cart .CartTable-itemPrice-XgjsO .CartTable-itemLabel-3zzV1 span:after {      content: ' | Prix';      } #cart .CartTable-itemQuantity-225eT .CartTable-itemLabel-3zzV1:before {      content: 'Case(s) | Caisse(s)';      } #cart .CartTable-itemQuantity-225eT .CartTable-itemLabel-3zzV1 span {   display: none;      } #cart .CartTable-subtotalLabel-3qWE9 span:after {   content: ' | Sous-total';      } #cart .checkout-button:after {   content: ' | Paiement';      }

This worked wonderfully! Thank you @creedon🤩

Link to comment
  • 7 months later...
On 10/25/2020 at 11:01 PM, creedon said:

#cart .CartTable-itemPrice-XgjsO .CartTable-itemLabel-3zzV1 span:after {      content: ' | Prix';      } #cart .CartTable-itemQuantity-225eT .CartTable-itemLabel-3zzV1:before {      content: 'Case(s) | Caisse(s)';      } #cart .CartTable-itemQuantity-225eT .CartTable-itemLabel-3zzV1 span {   display: none;      } #cart .CartTable-subtotalLabel-3qWE9 span:after {   content: ' | Sous-total';      } #cart .checkout-button:after {   content: ' | Paiement';      }

Hello Creedon

 

I tried this code and, in my case it just worked partially, all the text stays in english, except the 'checkout button'

Any chance you can help me please?

Jean-Guy 

Link to comment

@Amsterixe

It probably only worked partially because SS in the mean time changed the code for the cart.

I've just updated my code post. See if that works better for you.

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

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

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...