Hello,
I already searched the forum but couldn't find a useful solution on:
How to integrate meta tags on all categories and products to push sharing function to show the category/product name, image and description?
I edited the head.tpl file and placed the next code but that only will work with the main webpage URL
<!-- Essential Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="robots" content="index, follow" />
<meta name="author" content="" />
<meta name="description" content=" is a trusted manufacturer of premium uniform fabrics for all industries. Discover our durable and comfortable collections today." />
<meta name="keywords" content=" uniform fabrics, industrial fabrics, medical fabrics, airline uniforms, textile manufacturer, durable textiles" />
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="Premium uniform fabric collections crafted for durability and comfort across industries." />
<meta property="og:type" content="website" />
<meta property="og:url" content="" />
<meta property="og:image" content="resources/image/19/2d/c.jpg" /> <!-- Replace with your actual image -->
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="Explore our high-quality, industry-standard uniform fabrics." />
<meta name="twitter:image" content="resources/image/19/2d/c.jpg" /> <!-- Replace with your actual image -->
<meta name="twitter:site" content="" /> <!-- Replace with your Twitter handle if available -->
<!-- Security & Performance -->
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<meta name="referrer" content="no-referrer-when-downgrade" />
<!-- Mobile Web App & Theme Color -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="theme-color" content="#005f73" />
how to make the same technique to inject information and retrieving them pre-sharing the categories/products URL links on 3rd websites?
can we expect a good news in next AbanteCart Version related to this issue?
Thank you Team
Hello.
There are third-party extensions available that can help you achieve exactly what you're looking for.
You might want to check out these two extensions on the AbanteCart Marketplace:
• Facebook Meta Tags (https://marketplace.abantecart.com/facebook_meta_tags) – adds proper Open Graph meta tags for Facebook.
• X Meta Tags (https://marketplace.abantecart.com/twitter_meta_tags) – specifically for Twitter Cards.
Quote from: Basara on April 14, 2025, 03:05:00 AM
Hello.
There are third-party extensions available that can help you achieve exactly what you're looking for.
You might want to check out these two extensions on the AbanteCart Marketplace:
• Facebook Meta Tags (https://marketplace.abantecart.com/facebook_meta_tags) – adds proper Open Graph meta tags for Facebook.
• X Meta Tags (https://marketplace.abantecart.com/twitter_meta_tags) – specifically for Twitter Cards.
thank you for sharing, what if i don't want to use 3rd parties tools and just wanna edit my template file?
shall i add these tags to each category and product html description section or there is something else could be done and will not be effected or changed when will be a new version upgrade process?
Hello.
If you prefer not to use third-party tools, you are absolutely free to edit any file in your AbanteCart installation and customize it with your own code to meet your specific needs.