Search Results for 'post grid'

[Ben Ritner]

Ben Ritner

#201429

Hmm ok so thats a bummer because it won’t allow you to set a custom output size. Meaning each is going to output in full size but here is the updated code.

<?php
/* Template Name: SearchWP Supplemental Search Results */
/* This version with mods for Kadence Virtue theme */
global $post;
// retrieve our search query if applicable
$query = isset( $_REQUEST['swpquery'] ) ? sanitize_text_field( $_REQUEST['swpquery'] ) : '';
// retrieve our pagination if applicable
$swppg = isset( $_REQUEST['swppg'] ) ? absint( $_REQUEST['swppg'] ) : 1;
if ( class_exists( 'SWP_Query' ) ) {
    $engine = 'past_issues'; // taken from the SearchWP settings screen
    $swp_query = new SWP_Query(
        // see all args at https://searchwp.com/docs/swp_query/
        array(
            's'      => $query,
            'engine' => $engine,
            'page'   => $swppg,
        )
    );
    // set up pagination
    $pagination = paginate_links( array(
        'format'  => '?swppg=%#%',
        'current' => $swppg,
        'total'   => $swp_query->max_num_pages,
    ) );
}
    /**
	 * @hooked virtue_page_title - 20
	 */
    do_action('kadence_page_title_container');
    ?>
    <div id="content" class="container">
        <div class="row">
            <div class="main postlist <?php echo esc_attr(virtue_main_class()); ?>" id="ktmain">
                <section id="primary" class="content-area">
                    <main id="main" class="site-main" role="main">

                        <header class="page-header">

                            <!-- begin search form -->
                            <div class="search-box">
                                <form role="search" method="get" class="search-form" action="<?php echo esc_html( get_permalink() ); ?>">
                                    <label>
                                        <span class="screen-reader-text">Search for:</span>
                                        <input type="search" class="search-field" placeholder="Search past issues …" value="" name="swpquery" title="Search for:">
                                    </label>
                                </form>
                            </div>
                            <!-- end search form -->

                        </header><!-- .page-header -->
                        <div class="search-results-wrap">
                            <h2 class="search-results-title">
                                <?php if ( ! empty( $query ) ) : ?>
                                <?php printf( __( 'Search Results for: "%s"', 'twentyfifteen' ), $query ); ?>
                                <?php else : ?>
                                SearchWP Supplemental Search
                                <?php endif; ?>
                            </h2>
                            <?php if ( ! empty( $query ) && isset( $swp_query ) && ! empty( $swp_query->posts ) ) {
    foreach ( $swp_query->posts as $post ) {
        setup_postdata( $post );
        // output the result
                            ?>
                            <div class="search-result search_results_item grid_item">
                                <?php global $post;
$item_download_thumbnail = get_post_meta($id, 'sdm_upload_thumbnail', true);
        if ( $item_download_thumbnail ) {
                                ?>
                                <div class="imghoverclass img-margin-center">
                                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                                        <img src="<?php echo $item_download_thumbnail; ?>" alt="<?php the_title_attribute(); ?>">
                                    </a> 
                                </div>
                                <?php } ?>
                                <div class="postcontent">
                                    <header>
                                        <a href="<?php the_permalink(); ?>">
                                            <h5 class="entry-title"><?php the_title(); ?></h5>
                                        </a>
                                    </header>
                                    <div class="entry-content">
                                        <?php the_excerpt(); ?>
                                    </div>
                                </div>

                            </div>
                            <?php
    }

    wp_reset_postdata();
    // pagination
    if ( $swp_query->max_num_pages > 1 ) { ?>
                            <div class="navigation pagination" role="navigation">
                                <h2 class="screen-reader-text">Posts navigation</h2>
                                <div class="nav-links">
                                    <?php echo wp_kses_post( $pagination ); ?>
                                </div>
                            </div>
                            <?php }
} else {
                            ?><p>No results found.</p><?php
} ?>
                        </div>

                    </main><!-- .site-main -->
                </section><!-- .content-area -->
            </div><!-- /.main -->

Ben

[Ben Ritner]

Ben Ritner

#201261

You should add this css:

@media (min-width: 992px){
    .search-results-wrap  .search-result.search_results_item.grid_item {
        width: 33.33%;
        float: left;
    }
}

.search-results-wrap .navigation.pagination {
    clear: both;
    display: block;
}

1. You can change the word twentyfifteen with virtue if you want but it’s only for translating so not necessary.

2. Update the file to this:

<?php
/* Template Name: SearchWP Supplemental Search Results */
/* This version with mods for Kadence Virtue theme */
global $post;
// retrieve our search query if applicable
$query = isset( $_REQUEST['swpquery'] ) ? sanitize_text_field( $_REQUEST['swpquery'] ) : '';
// retrieve our pagination if applicable
$swppg = isset( $_REQUEST['swppg'] ) ? absint( $_REQUEST['swppg'] ) : 1;
if ( class_exists( 'SWP_Query' ) ) {
    $engine = 'past_issues'; // taken from the SearchWP settings screen
    $swp_query = new SWP_Query(
        // see all args at https://searchwp.com/docs/swp_query/
        array(
            's'      => $query,
            'engine' => $engine,
            'page'   => $swppg,
        )
    );
    // set up pagination
    $pagination = paginate_links( array(
        'format'  => '?swppg=%#%',
        'current' => $swppg,
        'total'   => $swp_query->max_num_pages,
    ) );
}
    /**
	 * @hooked virtue_page_title - 20
	 */
    do_action('kadence_page_title_container');
    ?>
    <div id="content" class="container">
        <div class="row">
            <div class="main postlist <?php echo esc_attr(virtue_main_class()); ?>" id="ktmain">
                <section id="primary" class="content-area">
                    <main id="main" class="site-main" role="main">

                        <header class="page-header">

                            <!-- begin search form -->
                            <div class="search-box">
                                <form role="search" method="get" class="search-form" action="<?php echo esc_html( get_permalink() ); ?>">
                                    <label>
                                        <span class="screen-reader-text">Search for:</span>
                                        <input type="search" class="search-field" placeholder="Search past issues …" value="" name="swpquery" title="Search for:">
                                    </label>
                                </form>
                            </div>
                            <!-- end search form -->

                        </header><!-- .page-header -->
                        <div class="search-results-wrap">
                            <h2 class="search-results-title">
                                <?php if ( ! empty( $query ) ) : ?>
                                <?php printf( __( 'Search Results for: "%s"', 'twentyfifteen' ), $query ); ?>
                                <?php else : ?>
                                SearchWP Supplemental Search
                                <?php endif; ?>
                            </h2>
                            <?php if ( ! empty( $query ) && isset( $swp_query ) && ! empty( $swp_query->posts ) ) {
    foreach ( $swp_query->posts as $post ) {
        setup_postdata( $post );
        // output the result
                            ?>
                            <div class="search-result search_results_item grid_item">
                                <?php global $post;
        if ( has_post_thumbnail( $post->ID ) ) {
            $img_args = array(
                'width'         => 260,
                'height'        => null,
                'crop'          => false,
                'class'         => 'iconhover',
                'alt'           => null,
                'id'            => get_post_thumbnail_id(),
                'placeholder'   => false,
                'schema'        => false,
                'intrinsic'     => true,
                'intrinsic_max' => true,
            );
                                ?>
                                <div class="imghoverclass img-margin-center">
                                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                                        <?php virtue_print_full_image_output( $img_args ); ?>
                                    </a> 
                                </div>
                                <?php } ?>
                                <div class="postcontent">
                                    <header>
                                        <a href="<?php the_permalink(); ?>">
                                            <h5 class="entry-title"><?php the_title(); ?></h5>
                                        </a>
                                    </header>
                                    <div class="entry-content">
                                        <?php the_excerpt(); ?>
                                    </div>
                                </div>

                            </div>
                            <?php
    }

    wp_reset_postdata();
    // pagination
    if ( $swp_query->max_num_pages > 1 ) { ?>
                            <div class="navigation pagination" role="navigation">
                                <h2 class="screen-reader-text">Posts navigation</h2>
                                <div class="nav-links">
                                    <?php echo wp_kses_post( $pagination ); ?>
                                </div>
                            </div>
                            <?php }
} else {
                            ?><p>No results found.</p><?php
} ?>
                        </div>

                    </main><!-- .site-main -->
                </section><!-- .content-area -->
            </div><!-- /.main -->

Then try.

3. The css at the top will make the grid. The code would load the featured image so if your post isn’t using the featured image then you need see how it’s supposed to be pulled in and change that out with the if ( has_post_thumbnail( $post->ID ) ) { section.

Ben

[Ben Ritner]

Ben Ritner

#201221

It seems really odd to me that a custom template is required. None of the other search plugins I’ve used do this, perhaps they have their reasons.

In your custom template, you should try something like this then edit from there:

<?php
/* Template Name: SearchWP Supplemental Search Results */
global $post;
// retrieve our search query if applicable
$query = isset( $_REQUEST['swpquery'] ) ? sanitize_text_field( $_REQUEST['swpquery'] ) : '';
// retrieve our pagination if applicable
$swppg = isset( $_REQUEST['swppg'] ) ? absint( $_REQUEST['swppg'] ) : 1;
if ( class_exists( 'SWP_Query' ) ) {
	$engine = 'past_issues'; // taken from the SearchWP settings screen
	$swp_query = new SWP_Query(
		// see all args at https://searchwp.com/docs/swp_query/
		array(
			's'      => $query,
			'engine' => $engine,
			'page'   => $swppg,
		)
	);
	// set up pagination
	$pagination = paginate_links( array(
		'format'  => '?swppg=%#%',
		'current' => $swppg,
		'total'   => $swp_query->max_num_pages,
	) );
}
get_header(); ?>
<div class="wrap clearfix contentclass hfeed" role="document">
<?php 
/**
 * @hooked virtue_page_title - 20
 */
do_action('kadence_page_title_container');
?>
<div id="content" class="container">
    	<div class="row">
<div class="main postlist" id="ktmain">
	<section id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

			<header class="page-header">

				<!-- begin search form -->
				<div class="search-box">
					<form role="search" method="get" class="search-form" action="<?php echo esc_html( get_permalink() ); ?>">
						<label>
							<span class="screen-reader-text">Search for:</span>
							<input type="search" class="search-field" placeholder="Search …" value="" name="swpquery" title="Search for:">
						</label>
					</form>
				</div>
				<!-- end search form -->

			</header><!-- .page-header -->
<div class="search-results-wrap">
			<?php if ( ! empty( $query ) && isset( $swp_query ) && ! empty( $swp_query->posts ) ) {
				foreach ( $swp_query->posts as $post ) {
					setup_postdata( $post );
					// output the result
					?>
						<div class="search-result search_results_item grid_item">
<?php global $post;
if ( has_post_thumbnail( $post->ID ) ) {
		$img_args = array(
			'width'         => 260,
			'height'        => null,
			'crop'          => false,
			'class'         => 'iconhover',
			'alt'           => null,
			'id'            => get_post_thumbnail_id(),
			'placeholder'   => false,
			'schema'        => false,
			'intrinsic'     => true,
			'intrinsic_max' => true,
		);
		?>
		<div class="imghoverclass img-margin-center">
			<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
				<?php virtue_print_full_image_output( $img_args ); ?>
			</a> 
		</div>
	<?php } ?>
<div class="postcontent">
		<header>
			<a href="<?php the_permalink(); ?>">
				<h5 class="entry-title"><?php the_title(); ?></h5>
			</a>
		</header>
<div class="entry-content">
<?php the_excerpt(); ?>
</div>
</div>

						</div>
					<?php
				}
				
				wp_reset_postdata();
				// pagination
				if ( $swp_query->max_num_pages > 1 ) { ?>
					<div class="navigation pagination" role="navigation">
						<h2 class="screen-reader-text">Posts navigation</h2>
						<div class="nav-links">
							<?php echo wp_kses_post( $pagination ); ?>
						</div>
					</div>
				<?php }
			} else {
				?><p>No results found.</p><?php
			} ?>
</div>

		</main><!-- .site-main -->
	</section><!-- .content-area -->
</div><!-- /.main -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.wrap -->
<?php get_footer();

[phil2]

phil2

#201155

Hi Team,
Excuse me if this falls outside your remit but the complexity of this one is becoming overwhelming!

On this site I am using SearchWP to surface PDFs saved with Simple Download Monitor, which creates custom post type sdm_downloads.
I have created a supplemental search engine which returns results using the temporary template page-searchwp-supplemental.php but this gives only a very basic list of titles.

I would like to get to the point where the results use the theme formatting and I have identified templates/content-searchresults.php and templates/content-loop-searchresults.php as the relevant files.

Can you give any guidance so that I can end up with a display of results similar to here, showing a grid of image, title and download button.

Very many thanks for any direction you can provide.
Phil.

[phil2]

phil2

#201155

Hi Team,
Excuse me if this falls outside your remit but the complexity of this one is becoming overwhelming!

On this site I am using SearchWP to surface PDFs saved with Simple Download Monitor, which creates custom post type sdm_downloads.
I have created a supplemental search engine which returns results using the temporary template page-searchwp-supplemental.php but this gives only a very basic list of titles.

I would like to get to the point where the results use the theme formatting and I have identified templates/content-searchresults.php and templates/content-loop-searchresults.php as the relevant files.

Can you give any guidance so that I can end up with a display of results similar to here, showing a grid of image, title and download button.

Very many thanks for any direction you can provide.
Phil.

[jaryszek]

jaryszek

#200640

thank you Hannah for such a quick response.

Ok i managed this, problem is solved.

I had to use Large Image optiomn instead of medium in Post Grid Plugin.

[Ben Ritner]

Ben Ritner

#200466

Hey,
It’s worth reminding that each category can have a custom description that would show above your posts. Just edit the category and add a description.

1. You can download the Kadence gallery plugin from your account page. Then upload it to your site. When you add images to a gallery you can add in a custom link to any page on your site. It’s not about “connecting” you just need to set the link for whatever page you want in the image.

2. That is a product page. You can only get that is you are using products. For blog posts you can use a grid layout. See here: http://themes.kadencethemes.com/ascend-premium-2/blog-style-grid/

3. You can import the whole demo if you like (make sure you are importing into a blank site.) see the importer: https://www.kadencewp.com/kadence-themes-demo-content/

The slider video is just a portion of a free video, you can find videos here: https://videos.pexels.com/

You can see how to add a video to a slider here: http://docs.kadencethemes.com/kadence-slider/kadence-slider-tutorial/adding-slides/

The other videos are from youtube.

Ben

[adventuretravelcoach]

adventuretravelcoach

#200461

Hey Hannah

Thank you, regarding my question above, I’m not sure exactly where to start and have a few questions:

1). http://themes.kadencethemes.com/virtue-bold/kadence-galleries-plugin/

Square Gallery with Center Captions Showing Caption, Filter and four column grid.

This is what I had in mind. A Photo of (for Example South Africa) and when the person click on it, it opens up the page (info/pages in post regarding South Africa). How do I go by installing it … and connect pages/posts to it if you please can direct me?
Sorry but I’m still learning (slowly) 🙂

2). http://themes.kadencethemes.com/ascend-premium-2/travel-gear/
If I want to inser similiar page for travelgear and other, what do I do/how do I do it?

3). http://themes.kadencethemes.com/ascend-premium-5/
Can I import/install and also use some of these video’s? and if so is that a plugin and or can you direct me (or is there video tutorial)?

Thanks Hannah, much appreciated.

[Hannah]

Hannah

#200450

Hey,
You can do this by adding your posts via shortcode like this: [blog_posts type="grid" orderby="date" items="4" cat="photos"]
So you can add content to a page, then add this shortcode after your content.
Hope that helps!

Hannah

[Hannah]

Hannah

#200267

Hey,
One option is to add your kadence slider shortcode right into the content area of your testimonial grid page. Then the slider will show above the testimonial grid, but below your title. If you want the slider to show above your title, you can use the featured template and add your testimonial grid as a shortcode like this: [testimonial_posts orderby=date items=4 columns=4 cat=photos]
Hope that’s helpful!

Hannah

[Hannah]

Hannah

#200061

6.
a) This css should work for you:

.category #kad-blog-grid .blog_item {
    background: #f6f6f6;
}

b) There isn’t a built-in option to add a cyclone slider to a blog category page, but you can create a page using the featured template, then add your blog posts through shortcode like this: [blog_posts orderby=date items=4 word_count=30 cat=photos]

Hope that’s helpful!

Hannah

[Ben Ritner]

Ben Ritner

#199897

Please post a link so we know for sure what you are talking about when you say portfolio text. For example is this for the titles or the content, is this for grid pages or individual portfolio pages.

Ben

[julian]

julian

#199705

you can use a child theme override the portfolio grid template and change the query arguments to include both portfolio posts and product posts.

thats all I need at this point. can you guide me in this?

I did look at the template for the main grid and tried to add this, but im not doing it right I dont think

i understand that this also means the filter wont work- i dont mind that, these products can appear cross all the categories

J

[Ben Ritner]

Ben Ritner

#199703

Hey,
So I can think of some possible hacks but I must say upfront that I don’t suggest hack or trying to hack. I don’t understand the reasons for this and from what you have said I would strongly suggest doing this: “I am aware we can switch post types with a simple plugin too, which we may end up doing in the long term” now and not trying the hack anything.

Product posts don’t have to function as products, you don’t have to have an add to cart, and if that is why you are making them portfolio I suggest just making the posts products to start with.

In terms of a hack, you can use a child theme override the portfolio grid template and change the query arguments to include both portfolio posts and product posts. BUT this will not let the taxonomies work together. The taxonomies are post type specific so if you set one it would then remove the products because they don’t have that taxonomy selected. You can’t assign a portfolio taxonomy to a product post. You can rewrite the entire custom post type registration and add the product posts to the registration of the portfolio types but this is a big hack that you would have to become responsible for in your code:
https://wordpress.stackexchange.com/questions/92430/can-multiple-custom-post-types-share-a-custom-taxonomy

Otherwise, if you want a specific group or products and a specific group of portfolio posts to show on the same page inside the same loop you would need to run some custom meta arguments and assign these custom meta information manually into each post you wanted to be part of this group.

https://codex.wordpress.org/Class_Reference/WP_Meta_Query

Ben

[de hery]

de hery

#199331

Hi, I’m using page and select blog grid template to show post.
Then on the editor of that page, I wrote some content, but I want that content only appear on page 1 only.
So, when visitor click on pagination, next page, those content should disappear.

here is url for blog grid: HERE

[de hery]

de hery

#199331

Hi, I’m using page and select blog grid template to show post.
Then on the editor of that page, I wrote some content, but I want that content only appear on page 1 only.
So, when visitor click on pagination, next page, those content should disappear.

here is url for blog grid: HERE

[marc joseph]

marc joseph

#199050

HI all
Main web site in English
I copied by ftp the whole english website content to the right directory on my host server . /fr
I have bugs .

*Login to see link

– 1 I notice missing in theme option dashboard wp : the topic Header and footer. ????

-2 I have a child theme set up.
i have had to upgrade Virtue premium
and since that no more page of the web site are displayed except the home page …

I really not understand
I update permalinks .. the same.

3 –
As you can see I have two main portfolio : CREATEUR LUMIERE and DIRECTEUR TECHNIQUE
( ok two page portfolio created as a Portfolio grid )
I have created two pages for it
Portfolio Types are existing and parented.
but something wrong in adress web of pages or posts concataned…. as you can notice .

I would be ok to give you my connexion infos in order you can check in the dasboard why alll these problems .
Let me know

many thanks .

[marc joseph]

marc joseph

#199050

HI all
Main web site in English
I copied by ftp the whole english website content to the right directory on my host server . /fr
I have bugs .

*Login to see link

– 1 I notice missing in theme option dashboard wp : the topic Header and footer. ????

-2 I have a child theme set up.
i have had to upgrade Virtue premium
and since that no more page of the web site are displayed except the home page …

I really not understand
I update permalinks .. the same.

3 –
As you can see I have two main portfolio : CREATEUR LUMIERE and DIRECTEUR TECHNIQUE
( ok two page portfolio created as a Portfolio grid )
I have created two pages for it
Portfolio Types are existing and parented.
but something wrong in adress web of pages or posts concataned…. as you can notice .

I would be ok to give you my connexion infos in order you can check in the dasboard why alll these problems .
Let me know

many thanks .

[Ben Ritner]

Ben Ritner

#199040

Hey,
1. Yes that is only a setting for pages, it’s mostly for use with pagebuilders. If you want all your content to be screen width you can use css like this. I don’t recommend this as it makes your content really wide on large screens and harder to read and not as good of an experience for the user.

#content {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

2. You can add this css:

.page-template-page-blog-grid .kad-sidebar .sidebar, .archive.category .kad-sidebar .sidebar, .single-post .kad-sidebar .sidebar {
    background: #f6f6f6;
}

3. You can add this css:

#kad-blog-grid .blog_item {
    border: 0;
}
#kad-blog-grid .blog_item .kt-intrinsic-container-center {
    max-width: 100% !important;
}

4. You can set this in your theme options > blog options.

Ben

[Hannah]

Hannah

#199007

Hey,
You can display posts anywhere on your site using a shortcode like this: [blog_posts type="grid" orderby="date" items="4" cat="photos"] Just paste that into any text editor anywhere on your site.
Hope that helps!

Hannah

[Francis]

Francis

#198996

Hello,

I’d like a bit of help with these issues:

1. I have used the “page content width” to control the width of the main blog page I have created, the the subsequent category blog pages and the individual blog pages do not seem to have the same sort of setting available.
Could you please let me know how I can get the category blog pages and the individual blog pages to also be fullwidth.

2. On my blog pages, I have a sidebar. I want the background of ONLY THE BLOG PAGE, BLOG CATEGORY PAGE & BLOG INDIVIDUAL PAGE sidebar to be changed from the light creamish yellow to #f6f6f6, without it changing the menu colour in the woocommerce area.

3. On the main blog page, how can I remove the light grey borders around the posts.

4. How can I make a blog grid layout show up on a blog catogory page.

Thanking you in anticipation.
Kind Regards.

[Francis]

Francis

#198996

Hello,

I’d like a bit of help with these issues:

1. I have used the “page content width” to control the width of the main blog page I have created, the the subsequent category blog pages and the individual blog pages do not seem to have the same sort of setting available.
Could you please let me know how I can get the category blog pages and the individual blog pages to also be fullwidth.

2. On my blog pages, I have a sidebar. I want the background of ONLY THE BLOG PAGE, BLOG CATEGORY PAGE & BLOG INDIVIDUAL PAGE sidebar to be changed from the light creamish yellow to #f6f6f6, without it changing the menu colour in the woocommerce area.

3. On the main blog page, how can I remove the light grey borders around the posts.

4. How can I make a blog grid layout show up on a blog catogory page.

Thanking you in anticipation.
Kind Regards.

[Hannah]

Hannah

#198844

You should see a testimonials tab in your WP Admin Panel. There you can create testimonials in the same way you would create posts or portfolio posts. Then your testimonials will output in a grid on your testimonial archive page. Does that make sense?

Hannah

[Hannah]

Hannah

#198553

Hey Jessica,
You can add a testimonial form to any page by opening the Virtue Shortcodes tab in the visual editor and selecting the Testimonial Form shortcode. Then, you can add testimonials that people submit to the Testimonials tab in your WP admin panel. Testimonials work like portfolio posts. You can create a new page and select the testimonial grid page template to add your testimonials onto that page.
Hope that makes sense! Let me know if you need further clarification.
This might be helpful as well: http://docs.kadencethemes.com/virtue-premium/templates/testimonials/

Hannah