codefordummies

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🤩

1 minute ago, creedon said:

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.

@creedon Gotcha! Thank you anyway 🙂 

5 minutes ago, creedon said:

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.

Ah I see! Thanks anyway @creedon! The other code helped for the French version of  "Quick view"!

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)?

• 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

• 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?
• 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

1 hour ago, creedon said:

.empty-message:before {   content: "Your shopping cart is empty/Votre panier est vide. ";   font-size: 20px;      } .empty-message>span {   display: none;      }

Hi @creedon, 

This works thanks! Is there any way of doing the following:

"Your shopping cart is empty. Continue shopping | Votre panier est vide. Continuez à magasiner"

I would like to keep the link for the "Continue shopping" but also to have it in the "Continuez à magasiner" and to underline both of these as to make it evident that it is a link.

Thank you!

1 hour ago, tuanphan said:

Can you share link to cart page? We can check easier

Here it is @tuanphan

https://www.terroir-imports.com/cart

Thanks!

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!

On 1/26/2020 at 7:50 AM, tuanphan said:

add this code to Home > Design > Custom CSS

body#cart h2.cart-title {
    visibility: hidden;
}
body#cart h2.cart-title:before {
    content: "Shopping Cart";
    visibility: visible;
    text-transform: capitalize;
}

Hi @tuanphan,

I am looking to change the font in the shopping cart text "your shopping cart is empty". Any idea on how I can achieve this?

Thanks.

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, 

🙂 

@paul2009

Hey Paul, 

I used this code and it works as soon as I inject it. However, after a few minutes it reverts back to "quantity" regardless of the code. 

Do you have any thoughts on how I can solve this issue?

Thank you 🙂 

5 minutes ago, paul2009 said:

Or perhaps just change “QUANTITY” to “CASES”?

I managed to change Quantity to Cases with an answer I found on the forum! Thanks @paul2009

Do you know if it would be possible to write next to the total price: $ 43.76 Agency Fees as opposed to 43.76 CAD?

Hi Paul, 

Here is a picture of one of our products:

Next to the number in the quantity box, I would like for it to say "1 case", "2 cases", "3 cases", etc.

Thanks for your help!

@paul2009

@paul2009 Is there anyway to add "case" next to the numbers 1, 2, 3, etc.? That way in the description you could write that it is in cases of 6, 12, etc.? 

I seem to be having the same issue and would like to add the word case next to the numbers but cannot find any code that could help me on this matter.

Thanks 🙂

Hi Friederike, 

Colin helped me with this code and it works now!

<style>
.sqs-slice-buttons {
 animation: fade-me-in 5s;
}

@keyframes fade-me-in {
  0% {opacity:0;}
  80% {opacity:0;}
  100% {opacity:1;}
}
</style>

Hope it helps 🙂

It does the same thing... 😕

Here it is, I just changed the seconds...?

Hi colin.irwin, thanks so much for your answer. For some reason the whole screen is going white? Do you know what can be causing this to happen? I wanted the buttons to fade in after 15seconds so I modified the code you gave me originally but everything goes blank.

Also is there a way to do the same for the title and description?

Thanks 🙂 

Hi guys,

I currently have a cover page for my site that displays a video. I want to be able to time delay the text/buttons that appears on the cover page. Does anyone have an idea on how I can do that?

Thanks!