How to I keep my product images from zooming?

So I do most of my marketing through Twitter and because Square sucks and has to make everything complicated, you have to manually embed a Twitter Summary Card for it to show preview pictures on Twitter.  The issue with that is, you need to copy the image address to paste into the HTML of the embedded code for it to actually show up.  I've had this site for years and all of my marketing material has this site address so I can't change it to something better at the moment.


With the product images on Square's store for the individual listings, it does an auto-zoom whenever you hover over the image, locking it out of the ability to right-click and copy the image address.  Without those, I just have blank links with no preview images and it looks super unprofessional.  Any ideas on how to work around this?  I saw some people say drop the pixel size but all that did was make the image grainy and it still zoomed.

8,211 Views
Message 1 of 23
Report
22 REPLIES 22

That's just the sample code taking from the Twitter post on how to use the codes, the codes I am using are from my website directly so they do not have that.  I also only have a Weebly site but since Square bought Weebly things have been a mess.

566 Views
Message 22 of 23
Report

@maybmockingbird 

 

In the example twitter code you have above, you had the word REDACTOR in it.  Did u remove  u that?

 

My twitter code looks like this:

 

<meta name="twitter:card" content="summary" /> 

<meta name="twitter:site" content="@NomadicBackpac1" /> 

<meta name="twitter:title" content="Nomadic Backpacker" /> <meta name="twitter:description" content="30 Years 107 Countries" /> <meta name="twitter:image" content="https://www.nomadicbackpacker.com/uploads/9/9/5/9/9959097/profile_orig.png" />

 

556 Views
Message 23 of 23
Report