Jump to content

FX News Lite (English Support)


V0RT3X
 Share

Recommended Posts

Thank you very much :slightly-smiling-face:

Custom fields are availiable in Article Display, but due to a user request the sorting in the template was changed in 1.0.8

In the cards they are not inclúded because usually they would break the whole layout. Not even IPS uses them in their featured templates.

Link to comment
Share on other sites

Version 1.0.11 uploaded, added custom fields to article listing (double and triple)

This uses the default IPS code and settings and can look very poorly, that's why I won't add fields in the blocks and featured. I recommend not using this and only added it by request.

Fields are shown between truncated text and read more, the position right does not exist.

  • Like 4
Link to comment
Share on other sites

  • 1 month later...

Hello everyone!

I'm having some troubles involving the "big header", also known as "Header Image". I have this enabled, and yet it displays as "thumbnail image" in the article.

 

Here's how it looks like on my side:

677521276_headernotworking.thumb.png.8ce0a104614f96d8e6d70954a92baef3.png

What did I do wrong? Thanks!

Link to comment
Share on other sites

  • 1 month later...
Am 12.12.2021 um 20:12 schrieb rastaman:

When i use articles template News LIte Featured Triple and my record has 2 or 3 lines as title I have this little issue.

Is there any way to truncate titles or any css trick or something else so all the "boxes" have the same size ?

Thanks 798911922_3columns.png.fc28c3805e629d42e6fc725290521936.png

Hi, the truncate feature was included only in the blocks... yet. They are designed a little bit different, for example they don't use an avatar too. The easiest way would be to copy the truncate code from the block templates into the one you are using until the next version will be released.

Am 16.12.2021 um 10:45 schrieb isvans:

Hello everyone!

I'm having some troubles involving the "big header", also known as "Header Image". I have this enabled, and yet it displays as "thumbnail image" in the article.

 

Here's how it looks like on my side:

677521276_headernotworking.thumb.png.8ce0a104614f96d8e6d70954a92baef3.png

What did I do wrong? Thanks!

How big is the image you are using? It is working as it should on my dev site and for example here too https://www.duken.nl/forums/nieuws/hbo-max-komt-eraan-r899/

  • Like 1
Link to comment
Share on other sites

  • 5 weeks later...

Thank you for this plugin!

 

Two things:

 

1) I agree with  @rastaman, All the boxes should have the same height, it is not visually nice to see different height for different articles. The "Read more", number of views and comments should be at the same fixed size, few pixels before the end of the block

 

2) I have a problem from mobile view. The block does not scroll to the next articles clicking on the right arrow to go to the next article. Does it happen also to you?

 

Thanks!

 

  • Like 2
Link to comment
Share on other sites

On my devboard it worked on Android, but the accordion blocks were always a problem in IPS.

The next update will arrive unfortunately only next month (if I only had more time), but it is a larger one. Among other things, the plugin will become an app, because of the many features that have been added since 1.0.0 and I plan to expand this concept much further.

  • Like 2
  • Thank you 1
Link to comment
Share on other sites

vor 12 Stunden schrieb V0RT3X:

On my devboard it worked on Android, but the accordion blocks were always a problem in IPS.

The next update will arrive unfortunately only next month (if I only had more time), but it is a larger one. Among other things, the plugin will become an app, because of the many features that have been added since 1.0.0 and I plan to expand this concept much further.

Great, we will be looking forward to it! Do you think the problem with the accordion blocks will be fixed, both on android and ios? Thanks!

Link to comment
Share on other sites

vor 10 Stunden schrieb V0RT3X:

Ask IPS, their own block on their site isn't working 100% on Android https://invisioncommunity.com/forums/

Hello Vortex,

 

I have paid an IPS developer to make it work on my website and it works now.

 

Here is the code that you find here:

 

immagine.png.164f29aa412b382e067e9f6fcbc82fce.png

 

Zitat

{{if !empty( $records ) }}

{{if \IPS\Settings::i()->fx_setting_accordion_header == '1'}}
    <h3 class='ipsWidget_title ipsType_reset'>{$title}</h3>
{{endif}}

<div class='ipsWidget_inner'>
                 <style>
              div.ipsWidget_inner {
                padding-top: 5px;
              }
               </style>
      {{if $orientation !== 'vertical'}}
        <div class='ipsCarousel ipsClearfix cPromotedWidget_horizontal' data-ipsCarousel>
            <div class='ipsCarousel_inner'>
    {{endif}}
        <ul class='ipsList_reset {{if $orientation == 'vertical'}}cPromotedWidget_vertical ipsDataList{{endif}}' data-role='carouselItems'>
        {{foreach $records as $record}}
            
            <li class='cPromoted cPromotedWidgetItem fxAccordion_width fxAccordion_block ipsCarousel_item ipsAreaBackground_reset ipsPad_half' data-ipsLazyLoad>

                <article class='fxArticle_box cCmsCategoryFeaturedEntry {{if $record->hidden()}}ipsModerated{{endif}} cms3ColImageFeature'>
            {{if $record->record_image}}
            {{if \IPS\Settings::i()->fx_setting_thumbnail_center == '1'}}
            <style>
              .fxArticle_thumbnail_container {
                display: flex;
                align-items: center;
              }
            </style>
            {{endif}}
            {{if \IPS\Settings::i()->fx_setting_accordion_thumbnail_hover == '1'}}
              <style>
                .fxAccordion_thumbnail_container:hover {
                  {setting="fx_setting_hover_effect"}
                }
              </style>
            {{endif}}
            <div style="overflow:hidden">
            <div class="fxAccordion_thumbnail_container" style="background:url( background-size: contain; background-position: center center;">
              <a href="{$record->url()}">
              <img src='{file="$record->record_image" extension="cms_Records"}' style='width: 100%;' />
              </a>
            </div></div>
            {{endif}}
            {{if \IPS\Settings::i()->fx_setting_show_category == '1'}}
            <div class="fxAccordion_category">
              <span class="fxArticle_badge ipsBadge ipsBadge_medium ipsBadge_positive">
                {$record->container()->_title}      
              </span>    
            </div>
            {{endif}}
            {{if \IPS\Settings::i()->fx_setting_featured_avatar == '1'}}
            <div class='fxAccordion_avatar ipsPos_right'>
              {template="userPhoto" app="core" params="$record->author()" group="global"}
            </div>
            {{endif}}
            <div class='fxAccordion_clear'>
              {{if $record->prefix()}}
              {template="prefix" group="global" app="core" params="$record->prefix( TRUE ), $record->prefix()"}
              {{endif}}
              <h2 class='fxAccordion_headline ipsType_pageTitle'>
                <div class='ipsType_break ipsContained {{if \IPS\Settings::i()->fx_setting_accordion_truncate_headline == '1'}}fxAccordion_ellipsis{{endif}}'>
                  <a href="{$record->url( "getPrefComment" )}" title="{lang="read_more_about" sprintf="$record->_title"}">
                    {wordbreak="$record->_title"}
                  </a>
                </div>
              </h2>
              <div class='fxArticle_info'>
                <div class='ipsPos_right'>
                  <p class='ipsType_light ipsType_reset'>
                    <i class="fa fa-clock-o" aria-hidden="true"></i> {datetime="$record->record_publish_date"}
                  </p>
                </div>
                <p class='ipsType_light ipsType_reset'>
                  <i class="fa fa-user" aria-hidden="true"></i> {$record->author()->link()|raw} <br />
                </p>
              </div>
              <section class='ipsType_normal ipsType_richText ipsType_break ipsMargin_bottom:double' data-ipsTruncate data-ipsTruncate-size='{setting="fx_setting_truncate_lines"} lines' data-ipsTruncate-type='remove'>
                {$record->truncated()|raw}
              </section>
              <div style="position: absolute; display: flex; justify-content: space-between; bottom: 10px;">
                  <strong style="margin-right: 95px;"><a href='{$record->url()}' title="{lang="read_more_about" sprintf="$record->name"}"><i class="fa fa-sign-in" aria-hidden="true"></i> {lang="read_more"}</a></strong>
                  <div class='ipsPos_right'>
                    <p class='ipsType_light ipsType_reset'>
                      <i class="fa fa-eye"></i> {$record->record_views}
                      {{if \IPS\Settings::i()->fx_setting_hide_comment_count == '0'}}
                      &#8226; <i class="fa fa-comments"></i> {$record->record_comments}
                      {{endif}}
                    </p>
                  </div>
               </div>
            </div>
          </article>
            </li>
        {{endforeach}}
        </ul>
    {{if $orientation !== 'vertical'}}
            </div>
            <span class='ipsCarousel_shadow ipsCarousel_shadowLeft'></span>
            <span class='ipsCarousel_shadow ipsCarousel_shadowRight'></span>
            <a href='#' class='ipsCarousel_nav ipsHide' data-action='prev'><i class='fa fa-chevron-left'></i></a>
            <a href='#' class='ipsCarousel_nav ipsHide' data-action='next'><i class='fa fa-chevron-right'></i></a>
        </div>
    {{endif}}
</div>
{{endif}}

 

I hope this helps!


Matteo

  • Like 2
  • Thank you 1
Link to comment
Share on other sites

Version 1.0.12 uploaded:

- Added about author feature. You can use the "About me" from the member profiles or create your own field.

- Fallback image for articles without pictures. Note: IPS does not allow uploads in plugins, so you have to use the path to your image.

- Truncating headlines in article listings. This is a little experimental, better wait for the app version that will be released later this month and contain new templates.

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen zu Cookies erhalten Sie in unserer Privacy Policy.