AbanteCart Community

Shopping Cart Operations => Support => General Support => Topic started by: Sam_78 on May 31, 2018, 06:46:01 PM

Title: how are image url created?
Post by: Sam_78 on May 31, 2018, 06:46:01 PM

Hello,

I am using AbanteCart 1.2.11 and while pasting url to Facebook or sharing it to twitter I don't get product images rest everything works fine.
on my website when I view page source I do see that <meta property="og:image" content="//www.websitename.com/image/thumbnails/18/e5/product_image_600x600_png_png-101976-280x280.png" />
and there is image on this path.
I think issue is with content as it starts with //www.. You think I need to add https before that? if yes then how?
another strange thing is when I share my website on 'whatsapp' it does pull the correct image so the issue is only with facebook and twitter
Note: I am using share_button extension that populates og tags and thats how it is working on 'whatsapp'
in code of seo_pack there is this line $fb_image = $root_image['thumb_url'];  so I believe he is using abanteCarts default thumb_url so can someone suggest me how to change abanteCarts default url so that path can be "www.websitename.com/image" or "https://www.websitename/image"
If you think there is different issue then let me know maybe I can try that
In my settings->store details I have store url as http://www.websitename.com/ and secure url as https://www.websitename.com/
Can someone help me with this?

Title: Re: how are image url created?
Post by: Basara on June 01, 2018, 01:42:45 AM

Quote from: Sam_78 on May 31, 2018, 06:46:01 PM

Hello,

I am using AbanteCart 1.2.11 and while pasting url to Facebook or sharing it to twitter I don't get product images rest everything works fine.
on my website when I view page source I do see that <meta property="og:image" content="//www.websitename.com/image/thumbnails/18/e5/product_image_600x600_png_png-101976-280x280.png" />
and there is image on this path.
I think issue is with content as it starts with //www.. You think I need to add https before that? if yes then how?

No, It is not an issue. // this mean url is compatible with both http or https

Quote from: Sam_78 on May 31, 2018, 06:46:01 PM

another strange thing is when I share my website on 'whatsapp' it does pull the correct image so the issue is only with facebook and twitter

Facebook engine have own logic and parse pages to find images or images og:tag
Somethimes it glitch try this tool to debug https://developers.facebook.com/tools/debug/sharing/

Title: Re: how are image url created?
Post by: Sam_78 on June 01, 2018, 09:10:51 AM

Thanks for your reply
It loads default AbanteCart's no_image and showed this warning
Inferred Property - The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags

Title: Re: how are image url created?
Post by: CTGO.co on April 05, 2019, 04:01:28 AM

HI!

did you fixed that ???

regards

Title: Re: how are image url created?
Post by: Basara on April 05, 2019, 07:08:19 AM

Quote from: SAMY on April 05, 2019, 04:01:28 AM

HI!

did you fixed that ???

regards

og:image is something related to facebook. There are several plugins in marketplace to improve facebook behaviour
http://marketplace.abantecart.com/index.php?rt=product/search&keyword=facebook&category_id=0

Title: Re: how are image url created?
Post by: CTGO.co on July 27, 2019, 06:13:21 PM

Quote from: Basara on April 05, 2019, 07:08:19 AM

Quote from: SAMY on April 05, 2019, 04:01:28 AM

HI!

did you fixed that ???

regards

og:image is something related to facebook. There are several plugins in marketplace to improve facebook behaviour
http://marketplace.abantecart.com/index.php?rt=product/search&keyword=facebook&category_id=0

Hi Dear!

Any alternative solution please???

Title: Re: how are image url created?
Post by: Basara on July 29, 2019, 01:01:57 AM

Hello.
If you dont want to use plugins you can implement facebook tags yourself. Please follow facebook guides https://developers.facebook.com/docs/sharing/webmasters/images/

Title: Re: how are image url created?
Post by: CTGO.co on August 03, 2019, 01:18:19 PM

Quote from: Basara on July 29, 2019, 01:01:57 AM

Hello.
If you dont want to use plugins you can implement facebook tags yourself. Please follow facebook guides https://developers.facebook.com/docs/sharing/webmasters/images/

Thank you for taking time and reply, I configured Facebook pixel on website but you know what?? it is really long story to resize each photo to be satisfying each social media website in the globe. I think there is should be a tool within Abantecart Application to resize each photo automatically. Is there any ideas about this future in the next upgrade version ???


Thanks
 

Title: Re: how are image url created?
Post by: Basara on August 05, 2019, 02:28:20 AM

Hello.

All product images you see in AbanteCart storefront resized automatically to fit the page requested (listing, basket, product info page etc.)

Title: Re: how are image url created?
Post by: CTGO.co on August 07, 2019, 12:26:32 PM

Quote from: Basara on August 05, 2019, 02:28:20 AM

Hello.

All product images you see in AbanteCart storefront resized automatically to fit the page requested (listing, basket, product info page etc.)

hi Sir!

Then can you tell me why the images not appearing for example on Facebook??

note:
I integrated manually Facebook pixel on my website.


Regards

Title: Re: how are image url created?
Post by: Basara on August 08, 2019, 01:11:13 AM

In you php code you should set the required image size
https://abantecart.atlassian.net/wiki/spaces/AD/pages/8847367/Resource+Library
https://abantecart.atlassian.net/wiki/spaces/DOC/pages/17924274/Resource+Library

Title: Re: how are image url created?
Post by: CTGO.co on August 08, 2019, 01:10:18 PM

Quote from: Basara on August 08, 2019, 01:11:13 AM

In you php code you should set the required image size
https://abantecart.atlassian.net/wiki/spaces/AD/pages/8847367/Resource+Library
https://abantecart.atlassian.net/wiki/spaces/DOC/pages/17924274/Resource+Library

Sir!

Can you be more clear about php code please?

Thanks

Title: Re: how are image url created?
Post by: Basara on August 09, 2019, 01:48:48 AM

Something like https://github.com/abantecart/abantecart-src/commit/feba1b508895a2089ad192fff1087db3f9fae06e#diff-d8694ecac4b6ece8c0fb69ca58768231R162