Search Results for 'placeholder image'

I have added some lines in custom CSS and it now seems to be working fine.
i believe that the td-module-thumb height was same for td_module_mx1 as well as td_module_mx2.

td_module_mx1 is the class for the first image in the block, which is bigger than the other images in the block.
That’s why the video logo was not appearing to be proper in the smaller images, because it was aligned to be in center of the overall image placeholder height, which was same as the height of the big image.

So i added a css to set the height of images in td_module_mx2 and it seems to be working fine now.

Thank you.

Hi

I am not sure why this error appear on your site as the cede it’s tested and works fine. Try to replace only this function in td_module.php file. The function begin here: http://screencast.com/t/s9R3SxjokIL and ends here: http://screencast.com/t/5DMZLPKdApi Delete the origilanl function then paste this one:

function get_image($thumbType, $no_link_image = false) {
        $buffy = ''; //the output buffer
        $tds_hide_featured_image_placeholder = td_util::get_option('tds_hide_featured_image_placeholder');

        // do we have a post thumb or a placeholder?
        if (!is_null($this->post_thumb_id) or ($tds_hide_featured_image_placeholder != 'hide_placeholder')) {

            if (!is_null($this->post_thumb_id)) {
                //if we have a thumb
                // check to see if the thumb size is enabled in the panel, we don't have to check for the default wordpress
                // thumbs (the default ones are already cut and we don't have  a panel setting for them)
                if (td_util::get_option('tds_thumb_' . $thumbType) != 'yes' and $thumbType != 'thumbnail') {
                    //the thumb is disabled, show a placeholder thumb from the theme with the "thumb disabled" message
                    global $_wp_additional_image_sizes;

                    if (empty($_wp_additional_image_sizes[$thumbType]['width'])) {
                        $td_temp_image_url[1] = '';
                    } else {
                        $td_temp_image_url[1] = $_wp_additional_image_sizes[$thumbType]['width'];
                    }

                    if (empty($_wp_additional_image_sizes[$thumbType]['height'])) {
                        $td_temp_image_url[2] = '';
                    } else {
                        $td_temp_image_url[2] = $_wp_additional_image_sizes[$thumbType]['height'];
                    }

                    $td_temp_image_url[0] = td_global::$get_template_directory_uri . '/images/thumb-disabled/' . $thumbType . '.png';
                    $attachment_alt = 'alt=""';
                    $attachment_title = '';

                } else {
                    // the thumb is enabled from the panel, it's time to show the real thumb
                    $td_temp_image_url = wp_get_attachment_image_src($this->post_thumb_id, $thumbType);
                    $attachment_alt = get_post_meta($this->post_thumb_id, '_wp_attachment_image_alt', true );
                    $attachment_alt = 'alt="' . esc_attr(strip_tags($attachment_alt)) . '"';
                    $attachment_title = ' title="' . esc_attr(strip_tags($this->title)) . '"';

                    if (empty($td_temp_image_url[0])) {
                        $td_temp_image_url[0] = '';
                    }

                    if (empty($td_temp_image_url[1])) {
                        $td_temp_image_url[1] = '';
                    }

                    if (empty($td_temp_image_url[2])) {
                        $td_temp_image_url[2] = '';
                    }
                } // end panel thumb enabled check

            } else {
                //we have no thumb but the placeholder one is activated
                global $_wp_additional_image_sizes;

                if (empty($_wp_additional_image_sizes[$thumbType]['width'])) {
                    $td_temp_image_url[1] = '';
                } else {
                    $td_temp_image_url[1] = $_wp_additional_image_sizes[$thumbType]['width'];
                }

                if (empty($_wp_additional_image_sizes[$thumbType]['height'])) {
                    $td_temp_image_url[2] = '';
                } else {
                    $td_temp_image_url[2] = $_wp_additional_image_sizes[$thumbType]['height'];
                }

                /**
                 * get thumb height and width via api
                 * first we check the global in case a custom thumb is used
                 */
                if (($td_temp_image_url[1] == '') and ($td_temp_image_url[2] == '')) {
                    $td_thumb_parameters = td_api_thumb::get_by_id($thumbType);
                    $td_temp_image_url[1] = $td_thumb_parameters['width'];
                    $td_temp_image_url[2] = $td_thumb_parameters['height'];
                }

                $td_temp_image_url[0] = td_global::$get_template_directory_uri . '/images/no-thumb/' . $thumbType . '.png';
                $attachment_alt = 'alt=""';
                $attachment_title = '';
            } //end    if ($this->post_has_thumb) {

            $buffy .= '<div class="td-module-thumb">';
                if (current_user_can('edit_posts')) {
                    $buffy .= '<a class="td-admin-edit" href="' . get_edit_post_link($this->post->ID) . '">edit</a>';
                }

                if ($no_link_image == true){
                    $buffy .= '<img width="' . $td_temp_image_url[1] . '" height="' . $td_temp_image_url[2] . '" class="entry-thumb" src="' . $td_temp_image_url[0] . '" ' . $attachment_alt . $attachment_title . '/>';

                    // on videos add the play icon
                    if (get_post_format($this->post->ID) == 'video') {

                        $use_small_post_format_icon_size = false;
                        // search in all the thumbs for the one that we are currently using here and see if it has post_format_icon_size = small
                        foreach (td_api_thumb::get_all() as $thumb_from_thumb_list) {
                            if ($thumb_from_thumb_list['name'] == $thumbType and $thumb_from_thumb_list['post_format_icon_size'] == 'small') {
                                $use_small_post_format_icon_size = true;
                                break;
                            }
                        }

                        // load the small or medium play icon
                        if ($use_small_post_format_icon_size === true) {
                            $buffy .= '<span class="td-video-play-ico td-video-small"><img width="20" class="td-retina" src="' . td_global::$get_template_directory_uri . '/images/icons/video-small.png' . '" alt="video"/></span>';
                        } else {
                            $buffy .= '<span class="td-video-play-ico"><img width="40" class="td-retina" src="' . td_global::$get_template_directory_uri . '/images/icons/ico-video-large.png' . '" alt="video"/></span>';
                        }
                    } // end on video if
                  }
                else{
                    $buffy .='<a href="' . $this->href . '" rel="bookmark" title="' . $this->title_attribute . '">';
                    $buffy .= '<img width="' . $td_temp_image_url[1] . '" height="' . $td_temp_image_url[2] . '" class="entry-thumb" src="' . $td_temp_image_url[0] . '" ' . $attachment_alt . $attachment_title . '/>';

                    // on videos add the play icon
                    if (get_post_format($this->post->ID) == 'video') {

                        $use_small_post_format_icon_size = false;
                        // search in all the thumbs for the one that we are currently using here and see if it has post_format_icon_size = small
                        foreach (td_api_thumb::get_all() as $thumb_from_thumb_list) {
                            if ($thumb_from_thumb_list['name'] == $thumbType and $thumb_from_thumb_list['post_format_icon_size'] == 'small') {
                                $use_small_post_format_icon_size = true;
                                break;
                            }
                        }

                        // load the small or medium play icon
                        if ($use_small_post_format_icon_size === true) {
                            $buffy .= '<span class="td-video-play-ico td-video-small"><img width="20" class="td-retina" src="' . td_global::$get_template_directory_uri . '/images/icons/video-small.png' . '" alt="video"/></span>';
                        } else {
                            $buffy .= '<span class="td-video-play-ico"><img width="40" class="td-retina" src="' . td_global::$get_template_directory_uri . '/images/icons/ico-video-large.png' . '" alt="video"/></span>';
                        }
                    } // end on video if

                    $buffy .= '</a>';
                }

            $buffy .= '</div>'; //end wrapper

            return $buffy;
        }
    }

If you still can’t manage to solve this issue please address us via email at contact@tagdiv.com and provide wp-admin and ftp access so we can take a closer look at this issue.
Thanks!

• This reply was modified 10 years by Andrei L..

Hi

Unfortunately to display the placeholder image inside post content will require a bit of custom work. Basically the implementation should be similar with the one used on modules bot obviously must be adapted at post content.
We would have gladly made it for you but we are a small team and we are working very hard on the development, updates, fixes and support and time does not allow us to provide any custom services at the moment. You can always get a freelancer from sites like: http://studio.envato.com/

Thanks!

Yes, the placeholder only works for thumbnails not the “actual” post itself, as you would need to set it as a featured image, which defeats the purpose (meaning if you set a featured image with your default image, you’d get that thumb automatically…) — meaning, the placeholder image doesn’t get set into the post if you don’t put an image in the post, as that is not its purpose.

Luckily TagDiv has good support to help with weirdo stuff like this … be glad you’re not using Woo themes or something as they would just answer support ticket with ‘hire somebody, goodbye’ .. 🙂

@neotrope I’d actually tried many of the things you suggested. I used both Photoshop and iPhoto to resize images, and when I uploaded my images I’d actually deleted the previous ones first and then uploaded my images, each of which had been named what the originals had been names. I don’t believe I have any sort of lazy load turned on and I’m not using https. I’ve been cleaning my caches several times a day hoping that maybe it was already working and I’m just not seeing it.

I do appreciate all feedback, though. Apparently my coding was all correct, and @Andrei_luca was able to get it working. The only issue I’m having now is that the placeholder image shows up everywhere except on the actual post itself.

If the image works with the default image, but not with your version, it may be that the file you’re uploading to replace the original image is malformed in some way, or that the caching is not letting go of the cached file.

You might try this
assuming the file permissions of the files you’re uploading via FTP actually have the correct CHMOD setting … perhaps try using different image editor in case file corrupt in some way …

a) get it working with default placeholder image
b) make sure the /path/to/placeholder works by loading it in web browser based on what prints on page
c) refresh all caching, etc., turn off lazy loading, make sure if using CDN image is actually in ALL places content is being loaded or being redirected from
d) if using https, make sure you have your site properly setup to ONLY load https and NOT both http and https
e) try deleting the placeholder image, not over-write; upload your image, clear all caching again, then reload page and see if new image is there
f) if not, then try using a different image editing program

sorry … might not help, just food for thought

That’s what’s driving me nuts right now, because I went and made my placeholder image the same dimensions as each of the ones that were originally there. I went through and made sure each was named exactly as the originals were. Take a look at the no-thumb folder where they’re located, the only way you can tell I changed them just by looking in the folder is by the dates over on the side.

I’ve even double-checked the image files to make sure they’re I sized they correctly. Actually, here’s one of the images when I preview it:

This is just making my head spin.

Hi

I’ve test this on my side and the placeholder images are displayed fine. Please make sure that you added the images as I did here: http://screencast.com/t/aTzF3Qhxz The most important part is to name the images exactly as they were named initially, otherwise the theme won’t recognize the path ant the image won’t be displayed.
Try this way: create a post with no featured image then display it in a block, for example block 4. Usually there should be displayed the original no-thumb image corresponding for that block. For block 4 the original image is: td_341x220.png http://screencast.com/t/iGhOdblxl Result will be like here: http://screencast.com/t/Wf7LnlFdHLWg
Now replace the td_341x220.png image with a different image but name it with the exact same name and refresh the page. Result should be like here: http://screencast.com/t/aTzF3Qhxz

Let me know how it goes.
Thanks!

Still not working.

Here is how the code in td_module is saved right now:

And here’s the sidebar on a post’s page where there should be a placeholder image, but isn’t:

I did clear my cache and browsing history and all that, just to make sure… I have the worst luck.

Likely best to get things back to “normal” with the default placeholder image that worked originally. And then go from there. It does work with the default placeholder image, so if you get that working then we can go from there, is my thinking.

Here’s part of the code for one of the posts that should have a placeholder image, but doesn’t:

Correct me if I’m wrong, but it would appear that it’s not trying to load any image at all for some reason. I just don’t get it.

Also, I’m not using the child theme. I use the full Newsmag theme.

• This reply was modified 10 years by DaneOLeary.

I must be stupid or missing something totally obvious because I still cannot get this to work. I’ve officially gone through and replaced every single one of the td placeholder images, making sure that each image is of appropriate size, dimension, and name. Then I went in and changed the code in td_module per your instruction in that other post, and it’s still not working.

It looks like instead of my placeholder image showing up, there’s this teeny tiny little empty square in the upper-left corner of where my placeholder image should be in a sidebar module. For example:

And here’s what my code looks like. I tried it both as you wrote it as well as with the exact name of the files in my no-thumb folder, which means I’ve tried “3-300×160.png” and “td_300x160.png” and neither of them work.

I really hope you can figure out what I’m missing here because I really just don’t understand how this isn’t working. I would just say screw it and give up, but I really need these placeholder images to work.

I cannot, for the life of me, get these placeholder images working. I tried following the instructions you posted at that link and the placeholder image doesn’t show up as a thumbnail nor on the post’s actual page. Do I need to resize my image to every single size that the ‘td’ images are?