Code Snippet - List view

General HivePress
1

Hi.
I am trying to create a Code Snippet that displays listings as a list view. It works with displaying the image, title and category, but I am struggeling with showing the attributes.
I want to display “attribute1” and “attribute2”.

Can anyone help me resolve this?

Thank you so much :slight_smile:

add_shortcode('custom_hivepress_list', 'custom_hivepress_list_shortcode');

function custom_hivepress_list_shortcode() {
    $placeholder_image = '#';

    // Get listings
    $args = array(
        'post_type' => 'hp_listing',
        'posts_per_page' => 10,
    );
    $query = new WP_Query($args);

    if ($query->have_posts()) {
        ob_start();
        echo '<div class="custom-hivepress-list">';
        echo '<ul class="custom-list">';
        
        while ($query->have_posts()) {
            $query->the_post();
            
            // Get data
            $title = get_the_title();
            $permalink = get_the_permalink();
            $thumbnail = get_the_post_thumbnail(null, 'thumbnail');
			
            
            // Placeholder image
            if (!$thumbnail) {
                $thumbnail = '<img src="' . esc_url($placeholder_image) . '" alt="Placeholder" />';
            }
            
            // Get category
            $categories = get_the_terms(get_the_ID(), 'hp_listing_category');
            $category_name = $categories ? esc_html($categories[0]->name) : 'Uten kategori';
            
            echo '<li class="custom-list-item">';
            echo '<a href="' . esc_url($permalink) . '" class="custom-item-link">';
            echo '<div class="custom-item-thumbnail">' . $thumbnail . '</div>';
            echo '<div class="custom-item-content">';
            echo '<h3 class="custom-item-title">' . esc_html($title) . '</h3>';
            echo '<p class="custom-item-category">' . esc_html($category_name) . '</p>';
            echo '</div>';
            echo '</a>';
            echo '</li>';
        }

        echo '</ul>';
        echo '</div>';
        wp_reset_postdata();

        return ob_get_clean();
    } else {
        return '<p>No listings found.</p>';
    }
}
2

I guess you want list view instead of grid view ?

this :

image
image796×483 33.7 KB

Instead of this :

image
image770×488 93.6 KB

If so, I managed to do this by changing the bootstrap css class, and removing the image.

So no big deal.

3

Thank you so much for getting back to me. This is a good solution, but does not fit my need. Do you know any way how i can add the attrubutes to this code snippet?

Thank you so much

4

You code just like me (the good old WordPress way), but HivePress is a different beast.
I am quite new to it, and still struggling quite a bit.

I think you have to use this filter instead :
/hivepress/v1/templates/listing_view_block

Some resources :
https://community.hivepress.io/search?q=hivepress%2Fv1%2Ftemplates%2Flisting_view_block%20order%3Alatest

Please, share your solution if you found one.

This may help too :

  $listing = $template->get_context('listing');
  
  if(!$listing){
   return $blocks;
  }
  
  $custom_attribute = $listing->get_your_attribute_field_name();

BUT this should suits OUR way of coding :

    //for non-user custom attributes use get_post_meta instead
    $user_type = get_user_meta($user_id, 'hp_type', true);
5

Thank you so much for your help. Im also quite new to this, so im still struggeling. I even tried ChatGPT, but it could not help me.

Anyways, thank you so much :slight_smile: