codefordummies

On 1/23/2021 at 2:56 AM, tuanphan said:

Have you solved this yet?

Hi @tuanphan, I am having this issue. Any way you could help me out? The only options I have in Design > Site styles is "hide" or "truncate".

My website is : www.terroir-imports.com

Thanks!

Thanks @creedon I did see a couple of threads on the matter but don't feel pro enough to combine them. It's no rush! I will wait for you when you have a free period. 

Thank you 🙏 

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

Hi there!

I am trying to add the "Limited availability" label to my store front, but I was wondering if anyone knew how to create a bilingual version. I know that if I go in my Commerce > Product Status > Limited availability, I have the option to personalize the message. However, I want to avoir having t0 write : Only 2 available/ Seulement 2 disponibles (which also does not fit in the 30 characters that we are allotted). As you can see, it is not very aesthetically pleasing.

@creedon would you have any ideas?

Thank you 🙂

2 hours ago, creedon said:

That is pretty much it. Make sure you put the cropped image first in the product detail and also the setting in Styles is set to show the alternate image.

Of course you can test all this out before committing to add all the product images.

Let us know how it goes.

Thank you so much for helping me figure all of this out 🙏🏼 it is really appreciated! I'll let you know if I have any subsequent issues 😄

19 hours ago, creedon said:

OK. The reason the tweak is not there is because the PRODUCTS DETAILS, Position tweak is set to Overlay.

If it is set to Under then the Item Hover shows.

Of course changing the Position setting changes the layout of the items in the product grid.

I am willing to change the settings to position under! 

After doing that I just have to add the cropped image to the individual products?

14 hours ago, tuanphan said:

Change

• text Add to Cart to Ajouter au panier
• text Adding to...?
• text Added to...?

 

Adding to "Ajoutant au panier"

Added to "Ajouté"

Thank you!

1 minute ago, creedon said:

I'm heavy on the warnings because I've seen folks in the forum who changed it not understanding the consequences and they were sad.

In the full settings listing it would normally be in layout section.

Did you type in hover in the search? I've sometimes seen things not be listed and then show up using the search field.

It could also could not really be there.

It's been awhile since I worked in developer mode but I'm wondering if the tweak was removed to achieve another effect or prevent an issue with one?

Even when I begin to write "hover" nothing appears unfortunately!

Ok! I won't touch it haha. Thanks for the warning.

Here is what I get: 

5 minutes ago, creedon said:

The first thing is to hunt down that hover setting, if it is available. I notice that your site is not reporting a template when I use my code for telling me that info.

This info may be at Home > Help. What does it say?

What is the template for your site? Is your site in Developer Mode? DO NOT change the Developer Mode setting or bad things can happen. You can loose your whole site.

This is what I have as a site:

and I do think that I am on developer mode..... Is there anyway of knowing what will be lost if I change it back 😩?

2 minutes ago, creedon said:

I think my idea can still work for your needs with a few settings changes.

Here is what I'm seeing on my site.

 

 I didn't fine tune all the settings you have but the basic effect is there.

The critical bit to set the item hover behaviour correctly.

Do you want to give that a go on one product?

Let us know how it goes.

@creedon I'm willing to give it a try! However, I dont seem to see the "item hover behaviour" in my settings... Any how, what should be my next steps for now 🙂

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

Hi Community! 

I am looking to change the text in my "Add to cart button" on the French product page of my site. I am currently using the Brine template in version 7.0. I do see that there are some solutions for version 7.1.

Would anyone have a solution for this? I would like for it to say "Ajouter au panier".

Thank you!!

@tuanphan

1 minute ago, creedon said:

That crossed my mind. I assume that is because you are using the quick view? I didn't test that variation.

No need to change the aspect ratio on your site. I can do that on my test site and see what the ramifications are.

I'm knocking off for the night. Please bump this thread in several days if I don't get back to you.

In the mean time if anyone else has a solution, please feel free.

Excellent! Thanks @creedon I will definitely follow up if necessary. Really appreciate you looking into this 🙏🏼😇

@creedon The only problem I see with that solution is that upon hover the client will not see the whole bottle. I could change the aspect ratio to allow you to see what the problem is?

8 minutes ago, creedon said:

At this point I think the os/browser info is a red herring as the effect was not active so I couldn't see the issue in action.

I'd like to suggest a different approach to what I think you are trying to accomplish.

I'm guessing that showing full pictures of bottles on the product grid is not the best use of the space available. Lots of space spent on bottle tops and bottoms that don't tell the customer anything. You want to focus on the label. Glass doesn't sell wine, labels do! OK glass is important too but not as far as informing the customer of what they are getting into. 🙂

Edit the images of the bottles and crop the images down to the labels. Save those label images as new images. Upload them to each product. Make the label image the first image. Then your product grid will feature the image label prominently.

 

Do you think that would work for you?

That seems reasonably easy! I'm gonna give it a shot! Thank you @creedon 🙏 

@creedon the same issue seems to happen when using chrome...

Hey @creedon, 

I have yet to switch the aspect ratio since I hadn't figured out how to change the focal point. I just wanted to avoid causing confusion for my clients.

I use Safari via my MacBook Pro. 

Thanks, 

Michelle 🙂

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

Hi there!

I am looking to change the focal-point of my images so that you can only see the product labels in the e-commerce. However, despite changing the aspect ratio to the desired 2.40 Anamorphic widescreen and adjusting the focal-point, the image is still not displaying as desired.

Here is what I get:

Any chance someone can help me out with this? @creedon, any tips 🙂 ?

Thank you!

On 5/6/2021 at 9:05 PM, Obedmoretti said:

I just got a look at your store and found it amazing, how did you manage have the two navigation bars in diferent languages? Thats something i've been trying so hard to achieve and haven't been able.

@tuanphan is definitely right on this one! Thanks so much for the compliment @Obedmoretti

Site URL: http://www.terroir-imports.com

Hi everyone! 

Does anyone know how to make multiple promotional pop-ups that open on different pages? Currently I have the promotional pop-up enabled so that when a new client goes to my website it prompts the client to choose to visit the French or English site. However, I would like to add another promotional pop-up that would only appear in both of my online stores (English and French).

Any idea on how to do this? Thanks 🙂

English Online store

French Online Store

1 minute ago, creedon said:

Two ways!

The escape character \ (backslash) says ignore the single quote character special meaning and treat is as a regular character.

content : ' Frais d\'Agence';

Use double quotes. Both single and double quotes are used to tell the software that this is the text I want to display between the quotes. So because we are using double quotes the single quote loses it's special meaning when within the double quotes. And you can flip that around. If you need to include a double quote in your display text then surround with singles.

content : " Frais d'Agence";

Probably more than you wanted to know but there ya go.

Let us know how it goes.

This is great! Thank you so much! I love learning, so the more info the better! 😄 

On 3/1/2021 at 3:38 PM, creedon said:

@codefordummies

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

<style>

  body.native-currency-code-cad .sqs-money-native:after {
  
    content : ' Agency Fees';
    
    }
    
  </style>

Let us know how it goes.

@creedon This worked perfectly! Any idea how I could integrate "Frais d'Agence" in this code? When I add the apostrophe it cuts the commande. Thanks 🙂

On 5/21/2020 at 1:40 PM, codefordummies said:

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?

@creedon Any idea how I could do this?

16 hours ago, creedon said:

I updated the CSS in my previous post. Give it a go and let us know how it goes.

This helped! Thank you @creedon!

14 hours ago, creedon said:

Add the following Design > Custom CSS.

#cart [ data-test="continue-shopping-link" ] span {

  text-decoration: underline;
  
  }

Let us know how it goes.

Hey @creedon

When I add this to the CSS the french version of my text message in French disappears. Any idea what could be causing this?

Thanks, 

Michelle

1 hour ago, creedon said:

Remove or comment out the previous CSS related to changing the empty cart message.

Add the following to Design > Custom CSS.

/* english/french empty cart message */

#cart .empty-message {

  display: inline-block;
  
  }

#cart .empty-message [data-test="continue-shopping-link"]:after {

  content: '\00A0';
  
  }

#cart .empty-message:last-child:before {

  content: '| ';
  
  }

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Settings > Advanced > Code Injection > FOOTER.

<script>

  $( ( ) => {
  
    /* english/french empty cart message */
    
    let $e = $( '#cart' );
    
    if ( ! $e.length ) return;
    
    $e = $( '#cart .empty-message' );
    
    let $c = $e.clone ( )
    
      .find ( 'span:first' )
      
        .html ( 'Votre panier est vide.' )
        
        .end ( )
        
      .find ( 'a' )
      
        .attr ( 'href', 'https://www.terroir-imports.com/produits' )
        
        .find ( 'span' )
        
          .html ( 'Continuez à magasiner' )
          
          .end ( )
          
        .end ( );
        
    $e.after ( $c );
    
    } );
    
  </script>

Looks like...

Let us know how it goes.

This works perfectly @creedon! Any chance I could underline the "Continue Shopping"/"Continuez à magasiner" part?

Thank you!! 🙂