Portfolio "Related Projects" thumbnails ratio

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 24 replies, 4 voices, and was last updated 7 years by David Martin – Support.

Viewing 15 posts - 1 through 15 (of 25 total)

1 2 →

Back to forum

Posted in: Cardinal

January 9, 2017 at 1:33 pm #309289

ninjatranqui

Member

Post count: 70

Hi
i wonder if there is a way of showing the “Related Projects” thumbnails as square images
thanks
n

January 9, 2017 at 2:41 pm #309304

David Martin – Support

Moderator

Post count: 20834

Please install and activate the supplied child theme, inside the child theme functions.php file paste this:

	if ( ! function_exists( 'sf_get_recent_post_item' ) ) {
        function sf_get_recent_post_item( $post, $display_type = "bold", $excerpt_length = 20, $item_class = "" ) {

            $recent_post   = $recent_post_figure = $link_config = $item_icon = "";
            $thumb_type    = sf_get_post_meta( $post->ID, 'sf_thumbnail_type', true );
            $thumb_image   = rwmb_meta( 'sf_thumbnail_image', 'type=image&size=full' );
            $thumb_video   = sf_get_post_meta( $post->ID, 'sf_thumbnail_video_url', true );
            $thumb_gallery = rwmb_meta( 'sf_thumbnail_gallery', 'type=image&size=thumb-image' );

            foreach ( $thumb_image as $detail_image ) {
                $thumb_img_url = $detail_image['url'];
                break;
            }

            if ( ! $thumb_image ) {
                $thumb_image   = get_post_thumbnail_id();
                $thumb_img_url = wp_get_attachment_url( $thumb_image, 'full' );
            }

            // POST META
            global $sf_options;
            $single_author = $sf_options['single_author'];
            $remove_dates  = $sf_options['remove_dates'];

            $post_author    = get_the_author_link();
            $post_date      = get_the_date();
            $post_date_str  = get_the_date('Y-m-d');
            $item_title     = get_the_title();
            $post_permalink = get_permalink();
            $post_comments  = get_comments_number();
            $custom_excerpt = sf_get_post_meta( $post->ID, 'sf_custom_excerpt', true );
            $post_excerpt   = '';
            if ( $custom_excerpt != '' ) {
                $post_excerpt = sf_custom_excerpt( $custom_excerpt, $excerpt_length );
            } else {
                $post_excerpt = sf_excerpt( $excerpt_length );
            }

            // MEDIA CONFIG
            $thumb_link_type          = sf_get_post_meta( $post->ID, 'sf_thumbnail_link_type', true );
            $thumb_link_url           = sf_get_post_meta( $post->ID, 'sf_thumbnail_link_url', true );
            $thumb_lightbox_thumb     = rwmb_meta( 'sf_thumbnail_image', 'type=image&size=large' );
            $thumb_lightbox_image     = rwmb_meta( 'sf_thumbnail_link_image', 'type=image&size=large' );
            $thumb_lightbox_video_url = sf_get_post_meta( $post->ID, 'sf_thumbnail_link_video_url', true );
            $thumb_lightbox_video_url = sf_get_embed_src( $thumb_lightbox_video_url );
            $thumb_lightbox_img_url   = wp_get_attachment_url( $thumb_lightbox_image, 'full' );

            // LINK CONFIG
            if ( $thumb_link_type == "link_to_url" ) {
                $link_config = 'href="' . $thumb_link_url . '" class="link-to-url"';
                $item_icon   = apply_filters( 'sf_post_link_icon', "ss-link" );
            } else if ( $thumb_link_type == "link_to_url_nw" ) {
                $link_config = 'href="' . $thumb_link_url . '" class="link-to-url" target="_blank"';
                $item_icon   = apply_filters( 'sf_post_link_icon', "ss-link" );
            } else if ( $thumb_link_type == "lightbox_thumb" ) {
                $link_config = 'href="' . $thumb_img_url . '" class="lightbox" data-rel="ilightbox[posts]"';
                $item_icon   = apply_filters( 'sf_post_lightbox_icon', "ss-view" );
            } else if ( $thumb_link_type == "lightbox_image" ) {
                $lightbox_image_url = '';
                foreach ( $thumb_lightbox_image as $image ) {
                    $lightbox_image_url = $image['full_url'];
                }
                $link_config = 'href="' . $lightbox_image_url . '" class="lightbox" data-rel="ilightbox[posts]"';
                $item_icon   = apply_filters( 'sf_post_lightbox_icon', "ss-view" );
            } else if ( $thumb_link_type == "lightbox_video" ) {
                $link_config = 'data-video="' . $thumb_lightbox_video_url . '" href="#" class="fw-video-link"';
                $item_icon   = apply_filters( 'sf_post_video_icon', "ss-video" );
            } else {
                $link_config = 'href="' . $post_permalink . '" class="link-to-post"';
                $item_icon   = apply_filters( 'sf_post_standard_icon', "ss-navigateright" );
            }

            if ( $thumb_type == "none" ) {
                $recent_post .= '<div itemscope class="recent-post no-thumb ' . $item_class . ' clearfix">';
            } else {
                $recent_post .= '<div itemscope class="recent-post has-thumb ' . $item_class . ' clearfix">';
            }

			$recent_post_figure .= '<div class="figure-wrap">';

            $recent_post_figure .= apply_filters( 'sf_before_recent_post_thumb' , '');

            $recent_post_figure .= '<figure class="animated-overlay overlay-alt">';

            if ( $thumb_type == "video" ) {

                $video = sf_video_embed( $thumb_video, 400, 225 );
                $recent_post_figure .= '<div class="video-thumb">' . $video . '</div>';

            } else if ( $thumb_type == "slider" ) {

                $recent_post_figure .= '<div class="flexslider thumb-slider"><ul class="slides">';

                foreach ( $thumb_gallery as $image ) {
                    $alt = $image['alt'];
                    if ( ! $alt ) {
                        $alt = $image['title'];
                    }
                    $recent_post_figure .= "<li><a " . $link_config . "><img src='{$image['url']}' width='{$image['width']}' height='{$image['height']}' alt='{$alt}' /></a></li>";
                }

                $recent_post_figure .= '</ul></div>';

            } else {

                if ( $thumb_img_url == "" && $thumb_type != "none" ) {
                    $thumb_img_url = "default";
                }
                if( is_single() ) {
                    $image = sf_aq_resize( $thumb_img_url, 760, 760, true, false );        
                } else {
                    $image = sf_aq_resize( $thumb_img_url, 420, 315, true, false );
                }
                

                if ( $image ) {
                    $recent_post_figure .= '<img itemprop="image" src="' . $image[0] . '" width="' . $image[1] . '" height="' . $image[2] . '" alt="' . $item_title . '" />';
                    $recent_post_figure .= '<a ' . $link_config . '></a>';
                    $recent_post_figure .= '<div class="figcaption-wrap"></div>';
                    $recent_post_figure .= '<figcaption><div class="thumb-info thumb-info-alt">';
                    $recent_post_figure .= '<i class="' . $item_icon . '"></i>';
                    $recent_post_figure .= '</div></figcaption>';
                }
            }

            $recent_post_figure .= '</figure>';

            $recent_post_figure .= '</div>';

            if ( $display_type == "bold" ) {

                $recent_post .= $recent_post_figure;
                $recent_post .= '<div class="details-wrap">';
                if ( $thumb_type == "none" ) {
                    $recent_post .= '<h2><a href="' . $post_permalink . '">' . $item_title . '</a></h2>';
                } else {
					
                    $recent_post .= '<h3><a href="' . $post_permalink . '">' . $item_title . '</a></h3>';
                }
                $recent_post .= sf_get_post_details($post->ID, true);
                $recent_post .= '</div>';

            } else if ( $display_type == "list" ) {

                $recent_post .= '<a class="list-post-link" href="' . $post_permalink . '"></a>';
                if ( $image ) {
                    $recent_post_figure .= '<figure class="animated-overlay">';
                    $recent_post_figure .= '<img itemprop="image" src="' . $image[0] . '" width="' . $image[1] . '" height="' . $image[2] . '" alt="' . $item_title . '" />';
                    $recent_post_figure .= '<a ' . $link_config . '></a>';
                    $recent_post_figure .= '<div class="figcaption-wrap"></div>';
                    $recent_post_figure .= '<figcaption><div class="thumb-info thumb-info-alt">';
                    $recent_post_figure .= '<i class="' . $item_icon . '"></i>';
                    $recent_post_figure .= '</div></figcaption>';
                    $recent_post_figure .= '</figure>';
                }
                $recent_post .= '<div class="details-wrap">';
                $recent_post .= '<h4>' . $item_title . '</h4>';
                $recent_post .= '<div class="post-item-details">';
                $recent_post .= '<span class="post-date">' . $post_date . '</span>';
                $recent_post .= '</div>';
                $recent_post .= '</div>';

            } else if ( $display_type == "bright" ) {

                $recent_post .= '<div class="details-wrap">';
                $recent_post .= '<div class="author-avatar">' . get_avatar( get_the_author_meta( 'ID' ), '140' ) . '</div>';
                $recent_post .= '<h6 class="post-item-author"><span class="author">' . sprintf( '<a href="%2$s" rel="author" itemprop="author">%1$s</a>', $post_author, get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '</span></h6>';
                $recent_post .= '<h2><a href="' . $post_permalink . '">' . $item_title . '</a></h2>';
                $recent_post .= '<div class="post-item-details">';
                $recent_post .= '<span class="post-date">' . $post_date . '</span>';
                $recent_post .= '</div>';
                $recent_post .= '</div>';

			} else if ( $display_type == "bold" ) {

                $recent_post .= $recent_post_figure;
                $recent_post .= '<div class="details-wrap">';
                if ( $thumb_type == "none" ) {
                    $recent_post .= '<h2><a href="' . $post_permalink . '">' . $item_title . '</a></h2>';
                } else {
					
                    $recent_post .= '<h3><a href="' . $post_permalink . '">' . $item_title . '</a></h3>';
                }
                $recent_post = sf_get_post_details($post->ID, true);
                $recent_post .= '</div>';

            } else {

                $recent_post .= $recent_post_figure;
                $recent_post .= '<div class="details-wrap">';
                $recent_post .= '<span class="h5"><a href="' . $post_permalink . '">' . $item_title . '</a></span>';
                $recent_post .= sf_get_post_details($post->ID, true);
                if ( $excerpt_length != "0" && $excerpt_length != "" ) {
                    $recent_post .= '<div class="excerpt">' . $post_excerpt . '</div>';
                }

                if ( sf_theme_opts_name() == "sf_atelier_options" && $display_type == "standard-row" ) {
                	$recent_post .= '<a class="read-more-button" href="' . $post_permalink . '">' . __( "Read more", "swiftframework" ) . '</a>';
                }

                $recent_post .= '</div>';

            }

            $recent_post .= '</div>';

            return $recent_post;
        }
    }

January 11, 2017 at 2:11 pm #309679

ninjatranqui

Member

Post count: 70

This reply has been marked as private.

January 11, 2017 at 2:18 pm #309682

David Martin – Support

Moderator

Post count: 20834

Can you add your FTP details?

Thanks.

January 11, 2017 at 2:21 pm #309684

ninjatranqui

Member

Post count: 70

This reply has been marked as private.

January 11, 2017 at 5:53 pm #309739

ninjatranqui

Member

Post count: 70

This reply has been marked as private.

January 12, 2017 at 5:20 pm #309922

David Martin – Support

Moderator

Post count: 20834

This works but returns a blank folder structure:

January 12, 2017 at 5:33 pm #309926

ninjatranqui

Member

Post count: 70

This reply has been marked as private.

January 16, 2017 at 12:05 pm #310236

David Martin – Support

Moderator

Post count: 20834

Hi,

I have now added this to your child theme functions.php. This is the code: http://pastie.org/private/ymzu176nuoljwkaiexefoa.

Inside this code, locate this: $image = sf_aq_resize( $thumb_img_url, 500, 375, true, false ); and change to a square ratio: $image = sf_aq_resize( $thumb_img_url, 500, 500, true, false );

Thanks.

January 18, 2017 at 2:06 pm #310601

ninjatranqui

Member

Post count: 70

Thank you David, it is working absolutely fine!!!

i’ve implemented in local and have been playing around, great!
thank you
n

January 18, 2017 at 2:12 pm #310602

Rui Guerreiro – SUPPORT

Keymaster

Post count: 25779

Great. Thanks David.
-Rui

April 13, 2017 at 3:49 pm #320949

WineDesignNL

Member

Post count: 204

Hi David,

I want to do the same, strange enough only one image in with my related projects is squared:

http://mediajuice.nl/mijn-portfolio/ikwiltekst-nl/

I tryed to add your code to my child-theme functions.php, only this messes up WordPress and my site. Any ideas?

Cheers – Wouter

April 17, 2017 at 4:53 pm #321235

Rui Guerreiro – SUPPORT

Keymaster

Post count: 25779

@WineDesignNL

We will need ftp access to look at the files and see where you pasted the code, we will also need admin credentials in a private reply.

Thanks

-Rui

April 18, 2017 at 9:17 am #321270

WineDesignNL

Member

Post count: 204

This reply has been marked as private.

April 18, 2017 at 9:33 am #321275

David Martin – Support

Moderator

Post count: 20834

Wouter the image needs to be large enough initially to be rescaled up/down to your new dimensions. What is the image size you have uploaded for the one that is not working?

Back to forum

Posted in: Cardinal

Viewing 15 posts - 1 through 15 (of 25 total)

1 2 →

You must be logged in to reply to this topic.

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

Support Request

Support Policy

Privacy Policy