Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

Thumbnail And Description Display Adjustment With Playlists


Best Answer eric, 12 May 2015 - 03:12 PM

First an update on the <br />. This is indeed a bug, but thankfully the fix is easy. Simply replace your local copy of 

<tubepress>/src/add-ons/core/web/themes/youtube.com-clone/templates/single/fragments/dt_dd_pair.html.twig

 with these contents, then clear your system cache. The changed file will go out in the next release of TubePress.
 

Ok thanks Eric and Brandon.
 
In regards to my first question:
1. With the youtube.com-clone theme it reads the thumbnail title exactly how it displays on youtube. Is there any way I can get it to display the full length of the title eg. "Andromeda Festival : 22nd-23rd November, Brisbane Australia" rather than the "Andromeda Festival : 22nd-23rd Nove ..." it is currently displaying?
 
I am aware of how to change the length (number of characters displayed in the meta information however I am wanting to change the length of the actual title found directly under the thumbnails. The length of the title seems to be seperate to the length of the meta information. Is there a way to change the title length?
 
Cheers.

 
You can absolutely change this. To protect your modifications from TubePress updates you will want to create and activate your own TubePress theme. Here's what I would do:

  • After applying the fix above, copy the entire src/add-ons/core/web/themes/youtube.com-clone directory to wp-content/tubepress-content/themes/mytheme. This will get you an exact duplicate of the youtube.com-clone theme.
     
  • Edit the manifest at wp-content/tubepress-content/themes/mytheme/manifest.json, change at least the title so that TubePress can see it as a unique theme.
     
  • Edit wp-content/tubepress-content/themes/mytheme/templates/single/fragments/dt_dd_pair.html.twig. Change line 37 from:
    {{- mediaItem.title|length > 35 ? mediaItem.title|slice(0, 35) ~ ' ...' : mediaItem.title -}}
    
    to
    {{- mediaItem.title -}}
    
  • Rebuild your system cache.
     
  • Activate your new theme from WP Admin > Settings > TubePress > Theme.

That should do it. Give it a try?

Go to the full post


  • This topic is locked This topic is locked
12 replies to this topic

#1 Lizard Lounge Tv

Lizard Lounge Tv

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 25 April 2015 - 10:06 AM

Hello everyone,

  I am currently testing Tubepress Express (1 month trial) to decide if it's the plugin I go for to use on my site....so far it's looking to be the best option out of the large number I've tested. Tubepress works fantastically it's just some cosmetic changes I am wanting to adjust.
(waiver: my website is a mess at the moment as I have just recently started building it and testing many things, so please ignore the mess.)

The Tubepress plugin is on the main page of: http://lizardlounge.tv/
 

I was wondering if it is possible to adjust the follow things when displaying a playlist:

1. The gap between the video thumbnail and the title/displayed information underneath the thumbnails?
 

2. The order of the displayed information under the thumbnails: at present the display order under the thumbnails is title, length, view count, date posted, description. I am wanting to change that order to title, length, date posted, description, view count?

And can line spaces also be set between the selected fields eg:
Title:

Length:
View Count:
Date Posted:

Description:

3. At present the length of the video just appears as eg. 1:30:

- Is it possible to put a word prior to the lengh eg. "Duration: 1:30"?

- Is it also possible to display the seconds count eg. 1:30:10?

- A little more advanced is it possible to display it with hr, min, sec format eg. 1hr30min10sec?

- Can the length of the video display be moved onto the actual thumbnail itself eg. as seen in another plugin I am testing on this page: http://lizardlounge.tv/archive/ which has the video length as an overlay in the lower right of the video thumbnail with a black opaque background.

4. Can the padding between thumbnails be changed or is this only dependent on the width of the page verse the number of thumbnails per column and the size of the thumbnails?

5. Can the width of main title displayed above the embedded video played be adjusted independently to the size of the video player? I would like my video played width to be 432px wide however this causes the title of the video to word wrap which doesn't look the best. As seen here: http://lizardlounge.tv/

UPDATE: I have now purchased TubePress Pro with the black-bar and flexible thumbnails addons.

Both the Pro version playlist (top of page) and Express version playlist (bottom of page) are displayed on the home page of http://lizardlounge.tv/
The Express version looks fantastic however the Pro version looks terrible. Would anyone know how to get the Pro version playlist to look identical to the Express version playlist? The Pro version is ignoring the size of the thumbnails I set and displaying 3 x thumbnails per row instead of 5. The meta data displayed also looks pretty unattractive eg. centred aligned, with odd font sizes and spacings.

Thanks very much,

  Cameron



#2 brandon

brandon

    Advanced Member

  • TubePress Staff
  • 1989 posts

Posted 27 April 2015 - 08:51 PM

Cameron,

 

Your site doesn't actually load for me, but if the thumbnails are cascading downwards as you look left to right, try editing your page using the text editor instead of the visual editor, and remove any erroneous formatting around the tubepress shortcode, such as <span> <br> <p> etc

 

That should do it!

 

Thanks!


Want a faster, more personalized support experience? Open a ticket with us! We will be gradually phasing out forum-based support in favor of a proper ticketing system. Please help us help you!


#3 Lizard Lounge Tv

Lizard Lounge Tv

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 27 April 2015 - 09:47 PM

Hello Brandon,

   Thanks very much for the response. I just checked the website and found the same, the server wasn't responding, however a few minutes later it was...maybe Hostgator was restarting the server or something. It seems ok now.

 

If I could bother you to have a look at the site it would be fantastic.

 

Thanks very much,

  Cameron



#4 brandon

brandon

    Advanced Member

  • TubePress Staff
  • 1989 posts

Posted 28 April 2015 - 08:14 PM

Cameron,

 

TubePress Pro looks the way it does because you have the width and height of the thumbnails set, either in the settings or via shortcode. Remove that setting and it'll format beautifully

 

 

In answer to questions 1-3 and 5, yes they are all possible.  You will have to create your own template (or modify the one you're using, but make sure to make a backup copy just in case).

 

Once in the file, you can easily make the edits that you want to make and format TubePress however you would like to.

 

Question 4:  Yes, you need to edit tubepress.css

 

Let me know if there is anything else.

 

Thanks!


Want a faster, more personalized support experience? Open a ticket with us! We will be gradually phasing out forum-based support in favor of a proper ticketing system. Please help us help you!


#5 Lizard Lounge Tv

Lizard Lounge Tv

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 08 May 2015 - 11:38 PM

Hello Brandon,

  Thank you very much for the replies.

 

I can see now, from what you explained, the standard template style sheet is possibly affecting the way tubepress displays its information.

I've managed to correct a few colours etc. by calling my own style sheet (not the template default). However, I am having a lot of trouble still in having it display correctly. I cannot for the life of me get the thumbnails to size or space correctly like the tubepress express version. I also cannot get the information under the thumbnais to span the full width of the thumbnail.

 

I've spent countless hours trying to get it to work. I am basing wanting to have my thumbnails and information for tubepress pro display pretty much exactly how the tubepress express example does.

I have both tubepress pro and tubepress express being called on the main page of www.lizardlounge.tv

 

I was wondering if I could please bother you to have a look and see if you can work out where it's going wrong?
 

**Additional:  I've been playing around a lot with Tubepress to try to get it to work.. I've now found a couple of things (using the default theme):

1. If I change the size of the thumbnails on the Tubepress plugin options page in wordpress it adjusts the size of the information text under the thumbnails but the thumbnails do not change size to match.
2. If I change the theme to "youtube-clone" on the tubepress plugin options page the thumbnails and information under them do in fact size correctly (as per the size I set the thumbnails to be on the options page of the plugin). However the information text under the thumbnails doesn't display the information headings, ie. "View count", "Date posted", and displays <br /> instead of actually placing a page break.
Why would using the default theme causing the thumbnails not to size correctly but using the youtube-clone theme they do?
 

Thanks very much,

  Cameron



#6 brandon

brandon

    Advanced Member

  • TubePress Staff
  • 1989 posts

Posted 09 May 2015 - 04:27 AM

Cameron,

TubePress Express comes bundled with a few premium plugins that Pro does not include, namely: Flexible Thumbnail Rows and YouTube Black Bars Remover, among others, which can all be found by following the Marketplace tab at the top of the forum pages.

 

If you purchase and use these addons, your Pro will look like Express.

 

Thanks!


Want a faster, more personalized support experience? Open a ticket with us! We will be gradually phasing out forum-based support in favor of a proper ticketing system. Please help us help you!


#7 Lizard Lounge Tv

Lizard Lounge Tv

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 09 May 2015 - 05:49 AM

Hey Brandon,

 

Thanks for letting me know.  I have already purchased the two addons, installed them onto the site, and they are active.

 

I just cannot get the thumbnails to size correctly (when "default" theme is selected in the tubepress plugin options) regardless of what I do.

 

I really need to get this working. I'll even employ someones services (paid) to help get it working.

 

Thanks.



#8 Lizard Lounge Tv

Lizard Lounge Tv

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 10 May 2015 - 12:56 AM

*************UPDATE*************

 

I ended up testing all of the themes that are available with Tubepress, ie. default, default-legacy, youtube.com-clone, etc.
All of them have little issues/bugs with them however the youtube.com-clone theme seems to be working the best. The thumbnails size correctly, the thumbnails adjust correctly to the page width (fluid) and it looks pretty good.

 

I've been customising the way it looks and have it to the point now where I can almost start building the website around Tubepress as I am confident it works.

 

Where I am up to with things can be seen at: http://lizardlounge.tv/schedule/

 

Just a couple of things I would like to sort out with it if anyone can help:
1. With the youtube.com-clone theme it reads the thumbnail title exactly how it displays on youtube. Is there any way I can get it to display the full length of the title eg. "Andromeda Festival : 22nd-23rd November, Brisbane Australia" rather than the "Andromeda Festival : 22nd-23rd Nove ..." it is currently displaying?

 

2. **major issue, possibly a bug in the coding**. The youtube.com-clone theme doesn't seem to recognize page/line breaks when reading the information from youtube. Rather than inserting a line break in the meta information (information displayed under the thumbnails) it displays the actual <br />.

As an example:

What should be displayed:
Jonas Kopp:
Few would dispute Jonas Kopp as being one of the most prominent and exciting figures to emerge from Argentina in recent years. An ac... etc.

 

What is being displayed:
Jonas Kopp:<br /> Few would dispute Jonas Kopp as being one of the most prominent and exciting figures to emerge from Argentina in recent years. An accomplished producer, in-demand...

 

Is there any way to fix this?

Cheers,

  Cameron



#9 brandon

brandon

    Advanced Member

  • TubePress Staff
  • 1989 posts

Posted 11 May 2015 - 08:47 PM

Cameron,

 

You can set the # of characters for the meta here:  Settings > Meta > Maximum description length

 

That should fix your issue.

 

As for #2, I've passed that along to our developers.

 

Thanks!


Want a faster, more personalized support experience? Open a ticket with us! We will be gradually phasing out forum-based support in favor of a proper ticketing system. Please help us help you!


#10 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 12 May 2015 - 01:58 AM

2. **major issue, possibly a bug in the coding**. The youtube.com-clone theme doesn't seem to recognize page/line breaks when reading the information from youtube. Rather than inserting a line break in the meta information (information displayed under the thumbnails) it displays the actual <br />.

As an example:

What should be displayed:
Jonas Kopp:
Few would dispute Jonas Kopp as being one of the most prominent and exciting figures to emerge from Argentina in recent years. An ac... etc.

 

What is being displayed:
Jonas Kopp:<br /> Few would dispute Jonas Kopp as being one of the most prominent and exciting figures to emerge from Argentina in recent years. An accomplished producer, in-demand...

 

Looks like this very well could be a bug. I'm attempting to reproduce the issue now and will report back here after a bit of investigation. Stand by!



#11 Lizard Lounge Tv

Lizard Lounge Tv

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 12 May 2015 - 03:38 AM

Ok thanks Eric and Brandon.

 

In regards to my first question:
1. With the youtube.com-clone theme it reads the thumbnail title exactly how it displays on youtube. Is there any way I can get it to display the full length of the title eg. "Andromeda Festival : 22nd-23rd November, Brisbane Australia" rather than the "Andromeda Festival : 22nd-23rd Nove ..." it is currently displaying?

 

I am aware of how to change the length (number of characters displayed in the meta information however I am wanting to change the length of the actual title found directly under the thumbnails. The length of the title seems to be seperate to the length of the meta information. Is there a way to change the title length?

 

Cheers.



#12 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 12 May 2015 - 03:12 PM   Best Answer

First an update on the <br />. This is indeed a bug, but thankfully the fix is easy. Simply replace your local copy of 

<tubepress>/src/add-ons/core/web/themes/youtube.com-clone/templates/single/fragments/dt_dd_pair.html.twig

 with these contents, then clear your system cache. The changed file will go out in the next release of TubePress.
 

Ok thanks Eric and Brandon.
 
In regards to my first question:
1. With the youtube.com-clone theme it reads the thumbnail title exactly how it displays on youtube. Is there any way I can get it to display the full length of the title eg. "Andromeda Festival : 22nd-23rd November, Brisbane Australia" rather than the "Andromeda Festival : 22nd-23rd Nove ..." it is currently displaying?
 
I am aware of how to change the length (number of characters displayed in the meta information however I am wanting to change the length of the actual title found directly under the thumbnails. The length of the title seems to be seperate to the length of the meta information. Is there a way to change the title length?
 
Cheers.

 
You can absolutely change this. To protect your modifications from TubePress updates you will want to create and activate your own TubePress theme. Here's what I would do:

  • After applying the fix above, copy the entire src/add-ons/core/web/themes/youtube.com-clone directory to wp-content/tubepress-content/themes/mytheme. This will get you an exact duplicate of the youtube.com-clone theme.
     
  • Edit the manifest at wp-content/tubepress-content/themes/mytheme/manifest.json, change at least the title so that TubePress can see it as a unique theme.
     
  • Edit wp-content/tubepress-content/themes/mytheme/templates/single/fragments/dt_dd_pair.html.twig. Change line 37 from:
    {{- mediaItem.title|length > 35 ? mediaItem.title|slice(0, 35) ~ ' ...' : mediaItem.title -}}
    
    to
    {{- mediaItem.title -}}
    
  • Rebuild your system cache.
     
  • Activate your new theme from WP Admin > Settings > TubePress > Theme.

That should do it. Give it a try?



#13 Lizard Lounge Tv

Lizard Lounge Tv

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 13 May 2015 - 08:07 AM

Hello Eric,

  A very big thanks to you for looking into the issue and for the information.

 

I have made the changes you suggested and all is up and running very well. The line break issued was fixed with your instructions and the title is now displaying in full.

 

I'm really happy with the way Tubepress has worked out. I've made a few cosmetic changes here and there, eg. line spacing, fonts, text alignment, text colours, etc. etc., and it now looks fantastic.
If you're interested in checking it out an example can be seen at http://lizardlounge.tv/schedule/

 

Now that everything is working well it's time to start building the rest of the website.

Thanks again to you, Brandon and your tech staff for all your help.

 

Cheers.