Canvas Support

Issue with AJAX- Not working

3 replies · opened Mar 16, 2021

AalmajdalMar 16, 2021

Hello friends,

Thanks for having patience to respond to our inquiries,
(Kindly note, before addressing this inquiry to you, I have gone through your documentation, and followed all the instructions, as well, I didn't manipulate or changed any of the codes written by you.)

I have an issue with AJAX loader as I tested it in Canvas original theme package, and as well in the page I customized, particularly "index-portfolio-4" and "portfolio-single". in both cases the following happens:
1)-
In localhost (my pc), when clicking "line expand icon" on any of the listed portfolio items, it moves once to the grid filter only, BUT it does not load Portfolio Details on the same Page.
2)- After uploading the page to the server, when clicking "line expand icon", the spinner-ball keeps rolling, does not go up to the grid filter, and it hangs. it does not disappear until I refresh the page, and also it does not load Portfolio Details on the same Page.

I'm placing the link below for you to test it by yourself, and you can inspect the code from the page directly. Also, I'm uploading the page code for you.

I really do appreciate your continuous support and care for your clients

Have a great day

SSemicolon WebSTAFFMar 16, 2021

Hello,

The Codes are perfectly fine, however, the Image: https://www.biomedresearches.com/images/portfolio/single/1.jpg, which has been defined inside the include/ajax/portfolio-ajax-image.php does not exist on your Servers which is causing the Details to not load. This happens on both Image and Gallery AJAX Items. But if you try to open the AJAX Item with Video, it will work perfectly fine. Try opening the Portfolio Item 9 (as shown in the Image) and it will work fine.

So simply make sure that the Images defined in the AJAX Content exists and everything will work normally.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AalmajdalMar 16, 2021

Hello. That's straight forward answer....Excellent and appreciated

  • May I ask also, if I want to have the AJAX for all the items in the page (say 22 items), in this case I have to make 22 "portfolio-ajax-image.php" with unique names (Say for example: portfolio-ajax-image1.php), and then include them in the (include/ajax/), Am I right?
  • Do I have also to make 22 html files with same unique names? ( I have seen in the "include/ajax/" for every php file, there is HTML file)
  • One thing more, As an example from my page, for item No1 (OpenMRS), the portfolio page I made is named "free-medical-software-openmrs-portfolio.html". My question: Is it possible to load this page directly in the main page using the AJAX or I have to make 2 separate pages (one for the AJAX in the same page and one for the external link (when I click on "OpenMRS")?

If having this high number of AJAX items in one page will cause lauding issues, then i will remove it from the page, do you recommend specific code to be removed?

I hope not to bother you with my questions, but you are the expert and I believe you are kind enough to assist as usual

Again, Many thanks and highly appreciated

SSemicolon WebSTAFFMar 17, 2021

Hello,

  1. For each AJAX Item you will need to create a Separate File. The include/ajax/ Folder is just a Demo Location. You can use any Location but the Codes should match with the portfolio-ajax-image.php File.

  2. The HTML Files are used for the AJAX Modal: http://themes.semicolonweb.com/html/canvas/portfolio-ajax-in-modal.html , so not required in this case.

  3. Two Separate Files are required if you are planning to Open the Details both in AJAX and on a Separate Page.

Having many AJAX Items on the same Page will not cause issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard