ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Multiple weblogs w/flickr - Vimeo link in custom field issues.

October 17, 2011 3:51am

Subscribe [2]
  • #1 / Oct 17, 2011 3:51am

    manuqc

    115 posts

    Hello I am at the last stage of a project and will really appreciate some help on a couple questions I have to wrap things up.

    Here is the test link for both examples:

    http://sofia-marikh.com/index.php/main/test_entries

    1) On the top slider (flickr photos) I have setup 6 categories to filter content (each with their own weblog). Each thumbnail links to a specific flickr slideshow. So far this is working fine. Also thanks to EE support! Now my issue with this section is that I now added a “ALL” category preceding the rest of categories. This category “ALL” combines the 6 other categories into 1 master category. So far the HTML/CSS works ok. The problem I am having is with the flickr slideshow and EE, as the lightbox is popping out without flickr slideshow showing.

    If you try accessing those same thumbnails through their respective categories, and not through “ALL”, then the flickr correspondant to each thumbnail works fine.

    At last, I ve noticed that only the first thumbnail category inside “ALL” (I am referring to “news” category), will work fine with flickr lightbox. And I have no clue why, as the code is the same than the rest of the categories. So maybe you have a better clue on this!


    Here is a sample of the code for this slider:

    <div class="panes_photos_div">
    
    <div class="photos_slider">
    
    
    <ul id="slider_photos_all" class="multiple ceebox">
    
     {exp:channel:entries channel="photos_news|photos_clip|photos_concerts|photos_shows|photos_lifestyle|photos_travels" limit="60" sort="asc"}
    <li>a href="http://sofia-marikh.com/index.php/embeds/flickr_news/{url_title}" rel="width:550 height:540" title="Sofia Flickr Concert 01" class="ceebox">{image_thumbnail}</a> 
    <h5 class="title_thumb">{title_image}</h5><h5 class="date_thumb">Added {current_time format="%F - %d - %Y"}</h5></li>
    
    {/exp:channel:entries}
        
    </ul>
    
    
    </div>    
    
    </div>
    
    
    <div class="panes_photos_div">
    
    <div class="photos_slider">
    
    
    <ul id="slider_photos_news" class="multiple ceebox">
    
     {exp:channel:entries channel="photos_news" limit="30" sort="asc"}
    <li>a href="http://sofia-marikh.com/index.php/embeds/flickr_news/{url_title}" rel="width:550 height:540" title="Sofia Flickr Concert 01" class="ceebox">{image_thumbnail}</a> 
    <h5 class="title_thumb">{title_image}</h5><h5 class="date_thumb">Added {current_time format="%F - %d - %Y"}</h5></li>
    
    {/exp:channel:entries}
        
    </ul>
    
    
    
    </div>    
    
    </div>
    
    
    <div class="panes_photos_div">
    
    <div class="photos_slider">
    
    
    <ul id="slider_photos_clip" class="multiple ceebox">
    
     {exp:channel:entries channel="photos_clip" limit="30" sort="asc"}
    <li>a href="http://sofia-marikh.com/index.php/embeds/flickr_clip/{url_title}" rel="width:550 height:540" title="Sofia Flickr Concert 01" class="ceebox">{image_thumbnail}</a> 
    <h5 class="title_thumb">{title_image}</h5><h5 class="date_thumb">Added {current_time format="%F - %d - %Y"}</h5></li>
    
    {/exp:channel:entries}
        
    </ul>
    
    
    
    </div>    
    
    </div>
    and so on for the rest of categories.  As a note the code inside their respective flickr page, example:
    a href="http://sofia-marikh.com/index.php/embeds/flickr_clip/{url_title}</code></pre>. Is the following:
    
    <pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Flickr - Lightbox Test</title>
    </head>
    
    <body>
    
     {exp:channel:entries channel="photos_clip" limit="45" url_title="{segment_3}" }
    {flickr_link}
    {/exp:channel:entries}
    
    </body>
    
    </html>

     

    ...second question in next post.

     

     

     

  • #2 / Oct 17, 2011 4:18am

    manuqc

    115 posts

    my second question is regarding the videos section: (bottom slider)

    here is the link again:

    <a href="http://sofia-marikh.com/index.php/main/test_entries">http://sofia-marikh.com/index.php/main/test_entries</a>

    Ok, for the second slider (the videos section) The problem might be simpler. I have a link to vimeo for each thumbnail (through the lightbox)

    Now the problem I am having is that weirdly, when I use a custom field inside a link /{vimeo_link},
    like:

    <ul id="slider_videos_all" class="multiple ceebox">
    
    {exp:channel:entries channel="videos_news|videos_clip|videos_concerts|videos_shows|videos_life|videos_travels" limit="50" sort="desc"}
    
    <li>a href="{vimeo_link}" rel="width:550 height:540" title="" class="ceebox">{image_thumbnail_videos}</a> 
    <h5 class="title_thumb_videos">{title_image_videos}</h5><h5 class="date_thumb_videos">Added {current_time format="%F - %d - %Y"}</h5></li>
    
    {/exp:channel:entries}
    
        
    </ul>


    Then I get the weird bug, of having text on top of the thumbnails. But If I write the link straightly into the code then it works fine! I am now sure why. Maybe is the way expression engine treats the links inside custom fields?

    Also I ve noticed that the first category, the news category works fine in the example above although it is using the same structure as the rest meaning {vimeo_link} to output the link.

    you can see it here:

    {exp:channel:entries channel="videos_news" limit="15" sort="asc"}
    
    <li>a href="{vimeo_link}" rel="width:550 height:540" title="" class="ceebox">{image_thumbnail_videos}</a> 
    <h5 class="title_thumb_videos">{title_image_videos}</h5><h5 class="date_thumb_videos">Added {current_time format="%F - %d - %Y"}</h5></li>
    
    {/exp:channel:entries}

    I am not sure how this thumbnail category works fine and the others not, if they share the fame field groups, and are written using using the same structure (the other categories).

     

    Ok, two very long questions, I know! I hope I could ve explain in less lines. But I wanted to be clear. As I said this is the end of a project I will like to get this done, to wrap it up.

    Thanks again for your support!

    Best regards.


    -Manu

  • #3 / Oct 17, 2011 11:22am

    Mark Bowen

    12637 posts

    Hi Manu,

    I’m afraid that this would be outside the scope of support if you are having a problem with anything outside of ExpressionEngine.

    It seems like this may well be the issue here but I don’t want to move you over to the Community Help forums just yet until I’ve made sure that everything is working fine in ExpressionEngine itself.

    One thing I noticed on that page which stuck out right away was the bottom box which is showing the actual links. I believe you may well just need to first go into your custom field settings and make sure that the formatting type is set to None - Admin > Channel Administration > Channel Fields > (Your Channel Fields Group Name) > (Your Channel Fields Name) > Default Text Formatting for This Field. Make sure that this says None for your URL field.

    If not then change it to None and ensure that you click the check box that says Update all existing channel entries with your new formatting choice? before updating the field.

    Then go into Admin > Channel Administration > Channels > Edit Preferences (Your Channel Name) > Channel Posting Preferences and ensure that Automatically turn URLs and email addresses into links? is set to No.

    This should then hopefully fix up those URLs for you.

    Hope that helps a bit.

    Thanks,

    Mark

  • #4 / Oct 17, 2011 1:40pm

    manuqc

    115 posts

    Hello Mark!

    Thanks a lot for answering me! That did the trick for the videos section!!! I had set it up probably starting the project (for videos news), and totally forgot to turn off that feature to the other categories!! So thanks for reminding me that!!

    As for the photos section, well if you think its more appropriate to move it to community forum, thats ok for me!

    I thought it would belong to EE support.

    As I said this section is working fine when clicking on each category (news, concert, shows, etc..) through the slider itself, and not working through “ALL”. Although they are the same content.

    As mentioned before the only problem I am having is not being able to load the flickr slideshow corresponding to each thumbnail (from different combined categories) through “ALL” Section. Yet the thumbnail corresponding to “News” category, while being also displayed through “ALL” section, seems to work fine and load the correspondant flickr slideshow. 

    So there maybe is a problem regarding the expression engine code I am using to pull the content from several weblogs at the same time, as their correspondent flickr links, are getting lost.

    Hope you have a better idea than me on this!

    Thanks once again for helping me.

    I do appreciate your help!

    Regards.


    -Manu

     

     

  • #5 / Oct 19, 2011 10:55am

    Mark Bowen

    12637 posts

    Hi Manu,

    Glad that got your videos working now.

    As for your images problem you say that you are using categories to power all of this and that the ALL category isn’t working?

    If you create a brand new template and literally just place in a Channel Entries Tag which outputs all the entries you are expecting then does that work fine?

    If so then I’d say there’s something going on with the Javascript on the page instead or some of the HTML code and if that’s the case then you would need to build up your page bit by bit until it breaks again to find out what the problem is here.

    I’m going to move this thread over to the Community Help forums to hopefully get a few more eyes on this for you too.

    Cheers,

    Mark

  • #6 / Oct 19, 2011 12:24pm

    manuqc

    115 posts

    Hello Mark,

    Thanks again for answering me. Yes indeed the channels entries tags for each category are working fine
    if you access them independently. Meaning that the flickr slideshow are working fine with each category, being linked correctly. The problem in the “ALL” section is that while the lightbox script is loading correctly for each thumbnail the “flickr” slideshow is not loading.

    I dont think it is a html/css problem, as I mentioned earlier this same slideshows are working fine
    while being accessed one at the time (one category) and not working being combined.

    And also as I said, the “thumbnails (there are x2) corresponding to the news section, while being display through the “ALL” section seem to work fine even through the “ALL” section, and this is mixing me up!!

    here is the link again:

    http://sofia-marikh.com/index.php/main/test_entries

    This is a sample of what a “single” cagetory looks like(each one is written in the same fashion only changing the weblog name):

    {exp:channel:entries channel="videos_life" limit="15" sort="asc"}
    <li>a href="{vimeo_link}" rel="width:550 height:540" title="Sofia Flickr Concert 01" class="ceebox">{image_thumbnail_videos}</a> 
    <h5 class="title_thumb_videos">{title_image_videos}</h5><h5 class="date_thumb_videos">Added {current_time format="%F - %d - %Y"}</h5></li>
     {/exp:channel:entries}

    And this what the combined categories look like:

    {exp:channel:entries channel="videos_news|videos_clip|videos_concerts|videos_shows|videos_life|videos_travels" limit="50" sort="desc"}
    
    <li>a href="{vimeo_link}" rel="width:550 height:540" title="" class="ceebox">{image_thumbnail_videos}</a> 
    <h5 class="title_thumb_videos">{title_image_videos}</h5><h5 class="date_thumb_videos">Added {current_time format="%F - %d - %Y"}</h5></li>
    
    {/exp:channel:entries}

     
    Hopefully you can still give it a look!

    I will really appreciate it.

    Thanks again Mark

    Regards.


    -Manu

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases