How to add a credit card logo at the bottom of all pages of a Shopify site - frontend

Reviewing our Shopify site, I realized that a major difficulty with Shopify is that it's as if the theme does everything possible to obfuscate credit card usage. The site is replete with all sorts of references to Google Pay, Amazon Pay, etc., but credit card payments are always difficult to find.
I would like to know how to add a credit card logo in the bottom of all pages and remove the default logos already there. Could you please let me know if it is possible to do it in Shopify by editing LIQUID file? If so, please point me

usually the page is break into 3 sections (files are stored in section folder). header.liquid , content_for_layout and footer.liquid
you can find the layout in /layout/theme.liquid
for your case, the credits icons are all in the sections/footer.liquid

Related

Web widget to allow users to tag faces in photos?

I've been developing a website for my high school class to generate interest in our 50th reunion in 2025. Yeah, I'm older, but hey I'm still in the game! More than half of our alumni hate Facebook, so sharing photos and info on classmates with them necessitates building a website that allows basically the same functionality.
I have a few sections of the website that are basically image sliders to pull "Back in the Day" photos from a MySQL database I setup with hundreds of collected photos and allow users to comment on them. I have been toying with the idea of giving the user the ability to tag faces in those old photos (like Facebook). I've done some preliminary searches for web widgets that allow people browsing the site to tag the photos and have not found anything yet that pans out. Even the ability for me to manually tag the photos and push those into the database would be great, as long as the browsing user can hover over a face in the photo and see the tag,
Anyone know of a website widget that gives the web developer or the web browsing user the ability to face tag photos? Thanks in advance for sharing!
Alan-Seattle

Removed Thirtdparty webvitals issue

I checked the pageinsights of "http://www.briddles.com/riddle/9-bodmas?l=333"
Most of these are thirdparty. How can i sove it ?
I see 3 important groups there:
Youtube
Google Ads or analytics
Facebook
Here is what I would do:
I see the youtube player is hidden by default, I would reserve some space for the player (maybe with a lightweight placeholder) and only append the iframe when the user clicks "view answer". This lite-youtube web component is awesome and might help you out. Trust me.
Normally Google ads is not something you want to get rid of. I would just make sure to load these scripts with the async attribute at least.
For the facebook comments I imagine 3 approaches:
3.1. Render a placeholder with a button saying "See comments" or something like that and only fetch the scripts when the user press that button.
3.2. Use the Intersection Observer API so when comments section scroll into view, fetch de scripts and render. (You will have to reserve some space to avoid CLS).
3.3. Remove the comments section (if there is almost no usage) or use a different provider that is optimized for web vitals. I don't know which one, but it's still an option.
Extra recommendations:
The main image is too heavy for mobile users, try to use a responsive image, compress the image and choose a lighter format like webp for browsers that support it. More info about image optimization here.
Reduce the amount of fonts you use and, if possible, host it by yourself and use a CDN. Google fonts is practical but to host your fonts is better for performance.

facebook wall with like button and replay box on website

I am making a website for a band and i want to know if there is a possible option to add a wall to the website with a like button and reaction box like it is on facebook
i can not find this how to get this done ( i don't want to use a iframe more like a plugin that only show there post with likebutton and reaction option and so on
with other words copy paste the wall of the band page directly with all options to the website
with friendly greats
jorgen
What kind of website? Are you using some cms or building something by yourself? How should this "like" functionality behave?
To answer your question as general as it's asked: Yes it's possible.
If you're using a content management system you may want to search for a module that has such functionality.

What is the purpose behind the personalized security image often used on banking websites?

Many banking websites have you select your own security image when creating your account. For subsequent log ins the image is displayed along with a caption, if you do not see the image and caption you chose, you are instructed not to log in.
What is the purpose of this added step, which type of attacks does it protect against?
Thanks!
Short answer:
Phishing.
Long story:
If you receive a fake email instructing you to log in to your bank account following this link: http://i.am.an.cyber.pirate.com/give/me/your/money/paypal/official/site/ultra/secured/website/
And because you don't know about that kind of people, you click on it, but since you don't see your custom image, you know that you are not on the official site, because you, and only you should know about this image.
Let's say you choosed a picture of your dog and see your neighboor cat, well, don't log in then.
any third party can copy the web page.. and show it to you.. you will end up giving your data because to you nothing will be different on the page
but if they have an image that you initially uploaded no third party hacker would be able to know what image is that and hence wont able to replicate the full page

How to manage detailed description and links in google?

A client would like to have his website implemented like the following one, on google:
https://www.google.ch/search?q=mlzd&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:fr:official&client=firefox-a
With:
a list of links to the differents sections of the website.
the google function with the arrow (on rollover of the links) to get previews of the website pages.
So, here are my questions:
Do you know to implement the several links? Is it tags?
Do I then have to do something to get the google images previews, or is it automatic?
Will the google images previews work, with a Flash website? If not, the preview will be a screenshot the website with no flash enabled?
Thank you a lot for your answers!!
David
The links are called Sitelinks, they are automatic. You cant do anything to sepefically enable them.
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=47334
The preview is automatic, but you do need to make sure that 1) allow google to cache the url (ie avoid "nocache" and 2) not block in anyway the Previews https://sites.google.com/site/webmasterhelpforum/en/faq-instant-previews
See link in the previous answer

Resources