Skip Navigation

[Résolu] Using Avada overlay with classic views

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Marqué : ,

This topic contains 2 réponses, has 2 voix.

Last updated by Dido Il y a 12 mois.

Assigned support staff: Waqar.

Auteur
Publications
#1868641

Hi Waqar,

On a new site I want to show my custom posts like the blog posts in Avada, with an overlay. hidden link

I add them to a category, but Avada does not recognize the cpt. How can I reach this?

#1868695
#1872891

Waqar
Supporter

Languages: Anglais (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for waiting.

I've performed some tests on my website and to use the Avada theme's overlay feature in your view's output, you can replace the following content in your view's loop item content template from:


<div class="recent-foto"><a href="[wpv-post-url]">[types field='headerfoto' title='%%TITLE%%' alt='%%ALT%%' size='custom' width='390px' height='268px' resize='crop'][/types]</a></div>

To:


<article id="post-1" class="fusion-post-large  post fusion-clearfix post-[wpv-post-id] type-post status-publish format-standard has-post-thumbnail hentry">
	<div class="fusion-flexslider flexslider fusion-flexslider-loading fusion-post-slideshow">
		<ul class="slides">
			<li>
				<div  class="fusion-image-wrapper" aria-haspopup="true">	
					[types field='headerfoto' title='%%TITLE%%' alt='%%ALT%%' size='custom' width='390px' height='268px' resize='crop'][/types]
					<div class="fusion-rollover">
						<div class="fusion-rollover-content">
							<a class="fusion-rollover-link" href="[wpv-post-url]">[wpv-post-title]</a>
							<div class="fusion-rollover-sep"></div>
							<a class="fusion-rollover-gallery" href="[types field='headerfoto' size='full' url='true'][/types]" data-id="[wpv-post-id]" data-rel="iLightbox[gallery]" data-title="[wpv-post-title]" data-caption="">[wpv-post-title]</a>
							<h4 class="fusion-rollover-title">
								<a class="fusion-rollover-title-link" href="[wpv-post-url]">[wpv-post-title]</a>
							</h4>
							<a class="fusion-link-wrapper" href="[wpv-post-url]" aria-label="[wpv-post-title]"></a>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</article>

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#1873353

My issue is resolved now. Thank you!