logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error

Options
Go to last post Go to first unread
brant25348293  
#1 Posted : Wednesday, May 5, 2021 11:03:14 AM(UTC)
brant25348293

Rank: Advanced Member

Groups: HelpDesk
Joined: 1/20/2020(UTC)
Posts: 43

We would like the ability in the CMS to easily add ALT and Title tags to images, within the image dialog of the CMS. Currently we have to manually edit the HTML code. This was a customization we had done in 9.0.2 but since the upgrade to 9.0.4 it's gone. It's easy to implement, I just do not want to recompile every time I upgrade to the latest version. According to Google, sites that do not contain the ATL text interpretation for images are penalized. In addition, there are ADA legal requirements for the ALT tag on images. There are lawsuits about it also, refer to: https://www.entrepreneur.com/article/339556 and https://kearley.com/3-th...ow-about-ada-compliance/

This is so that images are created in the CMS this way for both ALT and Title:

<img alt="Employee ID Example in PDF417" src="/Assets/ContentImages/pdf417-badge-example.png" width="256" height="191" title="Employee ID Example in PDF417">

Edited by user Wednesday, May 5, 2021 2:40:12 PM(UTC)  | Reason: Not specified

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.

ray22901031  
#2 Posted : Wednesday, May 5, 2021 1:42:27 PM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 909

Thanks: 3 times
Was thanked: 15 time(s) in 15 post(s)
This is really strange that the alt tags are not being carried over whenever you pop up a dialog box, this is also true for the quick view dialog box as well. When looking at the image normally, the alt tags are there, but when executing a pop-up or even doing a quick view, they are not being transferred over.

Wonder if support has a quick fix for this?

I would like to point out that this should not affect Google's SEO score, because in order to instigate a pop-up, user participation is necessary. When a bot crawls your site, I don't believe it's looking for pop-up dialog boxes because it doesn't have the ability to instigate this function, I know it can follow a link, but it does not have the ability to click and instigate a pop-up dialog, if I am mistaken, please let me know.

Thanks,
-Ray
brant25348293  
#3 Posted : Wednesday, May 5, 2021 2:39:23 PM(UTC)
brant25348293

Rank: Advanced Member

Groups: HelpDesk
Joined: 1/20/2020(UTC)
Posts: 43

This is not about pop-ups on the website. It is about being able to add or edit the ALT tag on images with the AbleCommerce CMS. Currently, we have to edit HTML manually to do this.
ray22901031  
#4 Posted : Wednesday, May 5, 2021 2:52:24 PM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 909

Thanks: 3 times
Was thanked: 15 time(s) in 15 post(s)
Actually it is about the pop-ups, because currently any alt tags whether they are added at the CMS level, which you can do under images or through HTML are not being transferred over to any dialogue boxes.

I understand what you're trying to say about adding an alt image tag in the content section, without having to open the content section itself, but there is a problem with existing alt tags not being transferred over to dialogue boxes.

Just go to a product, click quick view and you can see it yourself by inspecting the source code.

To implement what you're asking might be possible if on a next version, as an administrator when you login, and you are viewing content, on the show box on the upper right, to click on, enable edit, and be able to enter an alt tag there. But that's up to ablecommerce if they wish to include this feature.

-Ray

brant25348293  
#5 Posted : Thursday, May 13, 2021 3:05:16 PM(UTC)
brant25348293

Rank: Advanced Member

Groups: HelpDesk
Joined: 1/20/2020(UTC)
Posts: 43

Maybe I should restate when I am trying to say. Basically, we need an easy way to add ALT and Title tags to images on Product and Content pages of the website.

Previously we paid for a customization that allowed us to edit this in the CMS. After the upgrade to the latest version 9.0.4 that update is gone. I do not want to pay for this each time I upgrade so not I have to edit the HTML manually to get to add ALT and Title tags on images for Product and Content pages of the website.
ray22901031  
#6 Posted : Thursday, May 13, 2021 3:21:57 PM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 909

Thanks: 3 times
Was thanked: 15 time(s) in 15 post(s)
I understood you perfectly the first time, if you don't wish to pay someone, is there a reason why you cannot yourself merge the code to version 9.0.4 using a product like beyond compare?

Unfortunately the way the system is set up right now, you could edit the HTML directly on product and contact pages of the website, however it doesn't open up in the proper spot. It would be great if you could just point to the object that you wish to edit, open the HTML in that exact location, make the changes you need to make and then save.

Unfortunately that is not the default behavior at this time.

Who knows, maybe they will change this in the near future, as this would add more flexibility to the software.
brant25348293  
#7 Posted : Thursday, July 1, 2021 10:22:15 AM(UTC)
brant25348293

Rank: Advanced Member

Groups: HelpDesk
Joined: 1/20/2020(UTC)
Posts: 43

For anyone interested, this is what I did to fix the problem:

Copy the file from Scripts/summernote/plugin/summernote-image-title.js in version 9.0.2 and copy it to the same location in latest website.
Then open the layout file \Website\Areas\Admin\Views\Shared\_Layout.cshtml

locate the following line

<!-- render default admin configurations and functions required by application -->
@Scripts.Render("~/bundles/admin/app")

and replace with
<!-- render default admin configurations and functions required by application -->
@Scripts.Render("~/bundles/admin/app")

<!-- custom script to add summernote edit option for images -->
<script src="@Url.Content("~/Scripts/summernote/plugin/summernote-image-title.js")"></script>
brant25348293  
#8 Posted : Wednesday, November 24, 2021 2:46:43 PM(UTC)
brant25348293

Rank: Advanced Member

Groups: HelpDesk
Joined: 1/20/2020(UTC)
Posts: 43

This functionality is broken again in the latest version. Previous modifications do not work.
brant25348293  
#9 Posted : Wednesday, November 24, 2021 2:54:59 PM(UTC)
brant25348293

Rank: Advanced Member

Groups: HelpDesk
Joined: 1/20/2020(UTC)
Posts: 43

I do not think Ray understood what I am asking for here. I am rephrasing the issue:

"We Need Alt and Title options for Images in CMS"

The CMS has the option to add images to web pages, this is good. However, the Alt and Title option is missing. This is a basic image requirement.

According to Google’s SEO guidelines, sites should contain the ATL text interpretation for images. In addition, there are ADA legal requirements for the ALT tag on images.

Example:

Image HTML in existing CMS
<img src="/Assets/ContentImages/pdf417-badge-example.png" width="256" height="191">

Image HTML in from a CMS with Alt and Title
<img alt="Employee ID Example in PDF417" src="/Assets/ContentImages/pdf417-badge-example.png" width="256" height="191" title="Employee ID Example in PDF417">

We would like the ability in the CMS to easily add ALT and Title tags to images, within the CMS. Currently we have to manually edit the HTML code and that is extremely frustrating.
Users browsing this topic
Guest (8)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.