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
Home page slider images do not render when editing
Options
Go to last post Go to first unread
Previous Topic Next Topic
Joe Payne2  
#1 Posted : Wednesday, September 16, 2020 3:16:36 PM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
The image urls are formatted poorly on the home page slider html content. The image urls start with "~/" like a .Net image url would be formatted. But the tag is a standard html <img> tag and the tilde should not be there.

This is causing the images to render ok when the page is viewed, but causes all the slider images to fail to render when you put the page into edit mode.

In addition, the HTML editor is a little confusing:

1. The last three toolbar icons have no tooltip. So it's not obvious what they do.

2. All of the toolbar icons are disabled when the HTML editor is in raw html mode. Including Save and Cancel. I have to always switch back out of raw HTML mode before I can do either.

3. When changing the inner template, the edit mode window is closed due to the page refresh. This forces me to constantly keep reopening it if I want to preview what changing a setting will look like.
Back to top

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.
Back to top  
shari  
#2 Posted : Monday, September 21, 2020 6:19:14 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 704

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
Quote:
The image urls are formatted poorly on the home page slider html content. The image urls start with "~/" like a .Net image url would be formatted. But the tag is a standard html <img> tag and the tilde should not be there


The reason we did it this way is to preserve the valid URL for both, when we are running as an application and when we are using Ablecommerce on a domain. If you have installed AC on a domain, you can simply remove the ~ in the path and you will be able to preview the images in edit mode.

There is no way to know if the user is installing the AC on a domain or as an application. So we compromised the preview in edit mode using the path with ~ so it will get resolved when it renders on retail (i-e when not in an edit mode).

Moreover, this issue will be only for the image paths that come with a new install as sample data. If you upload an image using summernote it will always use the resolved path.

Quote:
1. The last three toolbar icons have no tooltip. So it's not obvious what they do.


I am registering this as an improvement.

Quote:
2. All of the toolbar icons are disabled when the HTML editor is in raw html mode. Including Save and Cancel. I have to always switch back out of raw HTML mode before I can do either.


This is the default behavior of summernote plugin. Most of the toolbar options are not valid when the plugin is in code view mode. We will look into this if its possible to enable the SAVE/Cancel buttons in code view mode.

Quote:
3. When changing the inner template, the edit mode window is closed due to the page refresh. This forces me to constantly keep reopening it if I want to preview what changing a setting will look like.


This happens because on changing the inner template, the page is refreshed and it renders the UI components in their initial state. We will look into this if its possible to preseve the state of edit config window when in edit mode.

Thanks for your valuable feedback!
Back to top
Joe Payne2  
#3 Posted : Wednesday, September 23, 2020 7:45:50 AM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
I don't understand the "running as an application" versus "running on a domain".

Either way, it's a website. So I don't understand why it would matter? It's not like they can 'compile' the entire thing into a standpoint EXE application.

Unless maybe you're referring to running it as a root website versus running it in a folder underneath an existing website? In that case a relative url would be more appropriate to both scenarios as opposed to an absolute url which would only work on a root website installation.
Back to top
Katie S  
#4 Posted : Wednesday, September 23, 2020 12:07:29 PM(UTC)
Katie S

Rank: Advanced Member

Groups: System, Administrators, Developers, Registered, HelpDesk
Joined: 10/29/2018(UTC)
Posts: 472

Thanks: 4 times
Was thanked: 34 time(s) in 33 post(s)
Hi Joe

Quote:
maybe you're referring to running it as a root website versus running it in a folder underneath an existing website?


Yes, I do believe this is the reason, but from what Shari said earlier, this only happens with the pre-installed sample homepage slider images. Once you insert your own images, it should be using the correct path.

Please let me know if this is not working as you expected.

Thank you!
Thanks for your support!

Katie
Secure eCommerce Software and Hosting
Back to top
Joe Payne2  
#5 Posted : Wednesday, September 23, 2020 1:54:59 PM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
From my perspective (as a user), it's not working as expected. Just because it's sample data doesn't make it a non-issue. Less technical people won't replace all the home page HTML - they will use the existing home page slider and just change image file names. In those instances their slider will never render in the HTML editor.

I believe in the past the solution I've used was "../" for image urls which makes the path reference always be relative to the current page physical path. Thus it works whether the site is running from root or running from a sub-folder.
Back to top
Katie S  
#6 Posted : Friday, September 25, 2020 3:16:33 PM(UTC)
Katie S

Rank: Advanced Member

Groups: System, Administrators, Developers, Registered, HelpDesk
Joined: 10/29/2018(UTC)
Posts: 472

Thanks: 4 times
Was thanked: 34 time(s) in 33 post(s)
I'll report it and see if we can get it working with your proposed solution.

Thanks Joe, and have a great weekend!

Katie
Thanks for your support!

Katie
Secure eCommerce Software and Hosting
Back to top
Users browsing this topic
Guest (2)
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.

Privacy Policy | Powered by YAF.NET 2.2.4.14 | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.211 seconds.