Ajax Modal for Portfolio

1 reply · opened Dec 21, 2024

WwestpaulukDec 21, 2024

I'm using portfolio-ajax-in-modal.html

I don't see anywhere a modal page for the modal content. Can you help me?

Here is the code in the template:

<!-- Portfolio Items
============================================= -->
<div id="portfolio" class="portfolio row grid-container gutter-20" data-layout="fitRows">

					&lt;!-- Portfolio Item: Start --&gt;
					&lt;article class="portfolio-item col-lg-3 col-md-4 col-sm-6 col-12 pf-media pf-icons"&gt;
						&lt;!-- Grid Inner: Start --&gt;
						&lt;div class="grid-inner"&gt;
							&lt;!-- Image: Start --&gt;
							&lt;div class="portfolio-image"&gt;
								[

attachment

								](portfolio-single.html)
								&lt;!-- Overlay: Start --&gt;
								&lt;div class="bg-overlay"&gt;
									&lt;div class="bg-overlay-content dark" data-hover-animate="fadeIn"&gt;
										[](images/portfolio/full/1.jpg)
										[](include/ajax/portfolio-single-image.html)
									&lt;/div&gt;
									&lt;div class="bg-overlay-bg dark" data-hover-animate="fadeIn"&gt;&lt;/div&gt;
								&lt;/div&gt;
								&lt;!-- Overlay: End --&gt;
							&lt;/div&gt;
							&lt;!-- Image: End --&gt;
							&lt;!-- Decription: Start --&gt;
							&lt;div class="portfolio-desc"&gt;
								&lt;h3&gt;[Open Imagination](portfolio-single.html)&lt;/h3&gt;
								&lt;span&gt;[Media](#), [Icons](#)&lt;/span&gt;
							&lt;/div&gt;
							&lt;!-- Description: Start --&gt;
						&lt;/div&gt;
						&lt;!-- Grid Inner: End --&gt;
					&lt;/article&gt;
					&lt;!-- Portfolio Item: End --&gt;
SSemicolon WebSTAFFMar 5, 2025

Hello,

You can find the AJAX Content related to the Modal in the include/ajax Folder with the names: include/ajax/portfolio-single-image.html and other related Files.

This will definitely work fine. 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