Support

SocialMagick

#42828 first feedback / experience with Social Magick 3.x

Posted in ‘SocialMagick’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Environment Information

Joomla! version
6.0.3
PHP version
n/a
SocialMagick version
3.0.1

Latest post by nicholas on Wednesday, 25 March 2026 10:59 CDT

woluweb

Hi Nicholas,

So exciting to play with the new Social Magick v3!

Here is my first feedback / experience :

  1. it is sooo nice / handy to have the front-end button to preview!
  2. in Components > Social Magick > Templates, I duplicated a Template so that I keep the originals intact. But Copy can only be made from the List view: once one has opened a give Template, one can Save but not "Save as Copy"
  3. the Overlay Template is probably the one I will use the most, but unless I missed some options I noticed the following
    1. my image was a bit smaller than the default proposed size. But it was not "resized" so that it was surrounded by black area on the right and on the bottom
    2. the default overlay is very handy to give ideas to users (with its 2 rectangles: one for the Title in the middle and the "Banner" at the bottom)
      but if I want to use the Overlay I first have to create my own overlay => it would be nice to have 1 (or a few) overlays to choose from. Example : just the central rectangle, but in semi-transparent black (and not green), ...
  4. after setting up the default Options in the Component, I went to the Category to change the OpenGraph options, but it would have no effect. Is it normal?
  5. then I tried via the Menu item pulling this Category
    1. there it worked for the Template: if I choose Solid instead of Overlay, it works
    2. but it would not work for the the Custom Title and the Custom Description for example. Is it normal?

So that's it for the moment.
Nothing urgent, but I wanted to test immediately because I would like to install & use Social Magick by default on most of my websites (whenever OpenGraph matters).

nicholas
Akeeba Staff
Manager

in Components > Social Magick > Templates, I duplicated a Template so that I keep the originals intact. But Copy can only be made from the List view: once one has opened a give Template, one can Save but not "Save as Copy"

Yes, I usually do not add a "Save as Copy" button because it is terrible for UX. It is not immediately obvious if you are still editing the original or the copy. I would much rather have people have to go back, create a copy, and edit it explicitly. It eliminates "silly" support tickets. Remember, core Joomla does not have to do any end-user support whatsoever, so they get to commit UX atrocities without anyone noticing or caring.

my image was a bit smaller than the default proposed size. But it was not "resized" so that it was surrounded by black area on the right and on the bottom

Correct. Images can be scaled to a smaller size, but they are never going to be scaled up. This is a very deliberate choice. You and I know better than to try to scale up an image that is too small. Most people will expect their 160x100px image to magically scale up to 1200x800 without any loss in quality and complain it scaled up "blurry".

but if I want to use the Overlay I first have to create my own overlay => it would be nice to have 1 (or a few) overlays to choose from. Example : just the central rectangle, but in semi-transparent black (and not green), ...

The images shipped with the extension are examples. They are meant to give you an idea of how you can use the extension. You get to create your own semi-transparent images PNGs and use them as overlays.

Look. I could give you a million variations of this composition. All it would do is inflate the package size which would cause installation failure on a good number of sites which is a legitimate issue that would need fixing. What it would not do is reduce complaints like yours because there is absolutely no way whatsoever I can cater for everyone's unique use case. That's also why this composition method accepts an image instead of giving you options to generate simple shapes on the composition canvas; there is no way I can make all possible shapes and combinations in a coherent way that is usable using the form tools Joomla provides and I am not about to write the full Canvas web app from scratch :p

after setting up the default Options in the Component, I went to the Category to change the OpenGraph options, but it would have no effect. Is it normal?

Options are always applied from the most specific context: component options are overridden by parent category options which are overridden by category options which are overridden by article options which are overridden by menu item options. This is the same options override order used elsewhere in Joomla, e.g. in the Articles (com_content) component. Check all inheritance stages on your site.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

woluweb

Hi again,

1. about the overlay image

Let me rephrase:

  • instead of giving multiple examples (I understand your point: it would never be enough)
  • I would then
    • replace your current overlay example (which can't be used by anyone on the planet)
    • by a standard example so that people can start using Social Magick immediately (without having to create overlays, which is probably obvious for you but difficult or cumbersome for many). So
      • no green color but semi-transparent black
      • no banner at the bottom (so no social magick logo and so hardcoded text)

2. about ACL

Yep, I know the principle of ACL and I work a lot with it.

But on this website

  • it is a fresh install of Social Magick
  • I only configured a the Component Level
  • so whatever I customize at the Menu Item level should trigger since nothing else has been configured elsewhere
    • and it does for the Template
    • but it does not for Custom Title and Custom Description for example

nicholas
Akeeba Staff
Manager

Regarding the example images. I specifically DO NOT want them to be used in production. My biggest concern is that these images are licensed under GPLv3, like the rest of the extension. I do not know if you can combine them with proprietary images without the result becoming GPLv3 by default. I don't have the budget for a six-figures copyright lawyer, but I can definitely put a logo on my pictures to make sure this never becomes a question. That's on top of what I told you about never satisfying anyone no matter how many variations I produce, or the fact that I would rather not have every single site using SocialMagick produce identically-looking OpenGraph images. Stop asking me, I am not changing my mind. Everything I do, I do for a reason.

Regarding the issue you are facing. Can you please try installing this dev release and tell me if it solves it? https://www.akeeba.com/download/socialmagick-dev/3-0-2-dev202603231653-reva878061.html 

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

woluweb

1.

OK, forget about the image :)
(you are speaking about licence etc, but I was only speaking of the current media/com_socialmagick/images/overlay.png which is nice as demo but which can't be used by anyone)

2.

Txs for the new beta!

I tested it (reminder of the context: there is a general configuration in the Component. Only change so far is only in the Menu Item of Type "Blog View")

Before:

- changing Template in Menu Item was taken into account
- changing OpenGraph Title was not taken into account
- changing OpenGraph Description was not taken into account

After:

- changing Template in Menu Item is not taken into account any more
- changing OpenGraph Title is still not not taken into account
- changing OpenGraph Description is still not not taken into account

I hope this helps.

 

 

nicholas
Akeeba Staff
Manager

About the image, yes, we are talking about the same thing. The PNG image is copyrighted and licensed under the GPLv3. It is the compiled binary of its source code, the source code being the SVG of the same name in the same directory. Combining a binary licensed under GPLv3 with a another binary constitutes a “derivative work” which gets automatically licensed under the GPLv3. Hence the problem.

Regarding the issue, I forgot to add an obsolete check. Please try using https://www.akeeba.com/download/socialmagick-dev/3-0-2-dev202603241116-rev4f95028.html 

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

woluweb

1.

Txs for the clarification about the image and licence considerations (tricky indeed).

But waouw, you made me realize something: I had not noticed that the PNG overlays were available in SVG format in the `/com_socialmagick/media/images` folder.
That's great bc it makes customization easier.

So just to be sure: in Social Magick, can I use my own SVG (instead of PNG) as overlay ?

2.

I tested the new ZIP, but same result as the previous one.

(if easier for you for testing, I can give you the credentials to that website)

3.

One detail: In the front-end preview there is this Table with all the information. But on my side all texts (except the URL to the image) are white on white.
Note: my computer is in dark mode, the template is also in dark mode if it plays a role.

nicholas
Akeeba Staff
Manager

So just to be sure: in Social Magick, can I use my own SVG (instead of PNG) as overlay ?

I recommend against using SVGs. Theoretically, ImageMagick (but not GD) support them BUT I've had issues with scaling, transparency, etc. There seems to be nothing more I can do on my end. I strongly recommend loading the SVGs into Inkscape –or whichever vector drawing program you like– to edit them as you want before exporting the result as PNG.

I tested the new ZIP, but same result as the previous one.

Try this: https://www.akeeba.com/download/socialmagick-dev/3-0-2-dev202603241336-revb24815d.html 

The menu item for categories will have two sections of overrides: one for the category, one for the articles.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

woluweb

Yeah ! With the latest version it works: I filled in the Section "for Articles"... and everything works:

  1. layout
  2. og title
  3. og description

So that is solved. Excellent. Txs a lot!

 

Just a little bug maybe that I did not mention yet but that I had already noticed when trying all the Layouts the other day: "Cutout" seems to ignore the image

  • not just on my own content
  • ... by also directly in the "refresh preview" of the Component itself

 

Coming back to the og images when they are smaller than the template: would it be possible to have them *centered* in such a case ? Then at least it would not be ugly :)

nicholas
Akeeba Staff
Manager

Definitely not a bug. The cutout does work. There is an example implementation which works with all of the provided sample images.

It might be the case that your image is just too small to make it fit. Try removing the base image in the composition tab to see what happens with your extra image.

Coming back to the og images when they are smaller than the template: would it be possible to have them *centered* in such a case ? Then at least it would not be ugly :)

Not really. It would apply to all images. For these articles you should best override the template. Maybe use some variation of the cutout template with a fairly small image "hole", or even use a variation of the solid or logo templates.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

woluweb

Good idea to create an "ad hoc" Template for those Categories where the Image is too small.
Settled!

But for the Cutout, I promise. I don't doubt it works for you, but from within the Component, see this screencast attached:

  • I select each example provided
  • I refresh
  • and still there is only a black circle (instead of the image)

nicholas
Akeeba Staff
Manager

Can you try removing the base image in the composition tab andd see what happens with your extra image? I have tried this on three separate servers (two Arch Linux, one Debian) and it works fine on both.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

woluweb

Hi Nicholas,

I tried as you asked: 

  • removed the Base Image
  • refreshed

But the result is the same : no demo image but a "black surface" (note: never before did I edit that Cutout Template).

Maybe a different version of imagick or something ?
I have put in attachment the system info (in txt and in json) so that you can easily check if you spot anything that could explain.

[ edit : the JSON file was blocked upon Saving. But you still have the TXT file :) ]

nicholas
Akeeba Staff
Manager

I believe this might be a stuck cache. I would try the following in this order, testing after each step:

  1. Clear Joomla's cache.
  2. Go to SocialMagick and click on its Clear Cache button.
  3. Use different Sample Text for the preview.
  4. Go to SocialMagick's Options, Advanced and select the GD library.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

woluweb

Hi Nicholas,

Txs for your numerous suggestions!
I think we have now found something concrete to investigate with 4. :

  1. that was already tested (indeed at every Save or whatever, all J cache is automatically cleaned)
    => issue still there
  2. I clicked on the "Clear Cache" button (btw, maybe rename it "Clear Social Magick Cache" bc it can be confusing with general caching. But do as you like)
    I then get the follwoing confirmation: `success All generated OpenGraph images have been removed.`
    => issue still there
  3. even with diffferent Sample Text : the text is indeed changed in the preview but
    => issue still there
    + see Note below
  4. it was on "auto-detect"
    1. with "auto-detect" or "imagemagick"
      => issue still there
    2. with "gd"
      => the image works fine !

So it seems there is something at hand with imagemagick (you have all the details in the .txt attachment of my previous Post).

(IIRC, generally speaking you were recommending imagemagick instead of gd, right ?)

Txs,

Marc

Note : even without Saving my Cutout Template, the fact that I would 1. change the Sample Text and 2. click on Refresh Preview, when I close (without Saving) and re-Open, my Sample Text gets remembered... The other parameters like Base Image were indeed not "remembered/saved", as expected

nicholas
Akeeba Staff
Manager

The only thing I can tell from your system settings is that the ImageMagick extension is loaded and supports the file types we want it to support. Beyond that there's not much else I can possibly know reading it.

The only assumption I can make here is that there is a problem with the ImageMagick library on your host, or at least with the PHP extension using it. I cannot reproduce this issue on any other server.

Regarding the Sample Text, it's stored in the session. It is NOT part of your template. The idea is that you're probably trying to see how a specific piece of text fits across different templates. Instead of having you copy and paste it... I just store it in the session.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

woluweb

(good for the Sample Text : if it is stored in the Session then it is fine. I was just troubled by the fact that it was "saved" while I had not "saved" my Template)

btw, a side-question: if I want to be sure to restart a Social Magick configuration from scratch,

  • is it enough to uninstall & reinstall
  • or does one have to delete some tables manually in the database (which is the case when extensions want to allow to uninstall-reinstall without loosing anything)

Coming back to the main topic, ie imagemagick, what would be the concrete issue

  • resizing
  • or selecting the face to center it ? (which is probably used for Cutout but not for Overlay for example; which is my favourite Template generally speaking...so if imagemagick is OK with resizing I could switch back to it without "regression")

Txs

 

nicholas
Akeeba Staff
Manager

is it enough to uninstall & reinstall

Yes

or does one have to delete some tables manually in the database (which is the case when extensions want to allow to uninstall-reinstall without loosing anything)

Not only this is evil, I think it's against the JED ToS as well.

resizing
or selecting the face to center it ? (which is probably used for Cutout but not for Overlay for example; which is my favourite Template generally speaking...so if imagemagick is OK with resizing I could switch back to it without "regression")

If it was face detection then GD wouldn't work either. Therefore, it has to be resizing using ImageMagick.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

Support Information

Working hours: We are open Monday to Friday, 9am to 7pm Cyprus timezone (EET / EEST). Support is provided by the same developers writing the software, all of which live in Europe. You can still file tickets outside of our working hours, but we cannot respond to them until we're back at the office.

Support policy: We would like to kindly inform you that when using our support you have already agreed to the Support Policy which is part of our Terms of Service. Thank you for your understanding and for helping us help you!