Joomla Templates Club 406,261 posts

[jimcapraro Friend jimcapraroJoin date: September 2008Posts: 109Downloads:8Uploads:2 Thanks: 22 Thanked: 4 times in 1 posts]

#829881

site is northriver comission.org.

On the right hand side in the 4th tile column I have placed a facebook feed in a tile that is 1×2 (1 tile horizontally by 2 vertical tiles) I really want it to be 1×3 and occupy 3 vertical tiles (I would eliminate the YouTube tile the is currently below it) – I’ve attached a screen capture to illustrate this.. but when I change the setting, in the module’s advanced tab, it doesn’t work – the tile still displays 1×2 and not 1×3.

Also, if I unpublish the YouTube module in position 12 it still displays – this happens even if I clear the cache.

A second problem I’m trying to solve is that the facebook feed doesn’t display on the smartphone view. When I try to view it on my Android phone the facebook tile only displays a blue background but no feed.

Thanks for your help.

Jim Capraro

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#830386

Hi,

Thanks for you contacting us.

JA Fixel template only supports grid-1×2, grid-2×1, grid-2×2, grid-3×2 and not grid-3×1 as your expectation.

In order to achieve like your request, it will require customisation on your site. If you are a developer, you can follow steps below:

• Check out the guide here to define new grid-3×1 from css on your site.

• Open templates/ja_fixel/js/script.js file and make changing the code

items.width(itemWidth).height(itemWidth);
items.filter('.grid-2x1').width(itemWidth * 2);
items.filter('.grid-1x2').height(itemWidth * 2);
items.filter('.grid-2x2').width(itemWidth * 2).height(itemWidth * 2);
items.filter('.grid-3x2').width(itemWidth * 3).height(itemWidth * 2);

and define grid-3×1 with *items.filter(‘.grid-3×1’).width(itemWidth 3).height(itemWidth);**

Hope it helps

Regards

[jimcapraro Friend jimcapraroJoin date: September 2008Posts: 109Downloads:8Uploads:2 Thanks: 22 Thanked: 4 times in 1 posts]

#841867

I have made the changes you have suggested to try to make the facebook stream display in a 1×3 tile (1 column width by 3 rows height), and it doesn’t work.

In the style.less file I’ve placed the .grid-1×3 code as shown below.

// Grid size
  //----------
  .grid-1x1 {
    width: 100% / @TPLNumberColumn;
    max-height: 302px;
  }
  .grid-1x3 {
    width: 100% / @TPLNumberColumn;
    max-height: 906px;
  }

  .grid-2x2 {
    width: 100% / (@TPLNumberColumn * 2);
    max-height: 604px;

And in the script.js file I’ve placed the code for the 1×3 tile:

        items.width(itemWidth).height(itemWidth);
                    items.filter('.grid-2x1').width(itemWidth * 2);
                    items.filter('.grid-1x2').height(itemWidth * 2);
                    items.filter('.grid-2x2').width(itemWidth * 2).height(itemWidth * 2);
                    items.filter('.grid-3x2').width(itemWidth * 3).height(itemWidth * 2);
                    items.filter('.grid-1x3').width(itemWidth * 1).height(itemWidth * 3);

If you go to northrivercommission.org it still shows the facebook feed in a 1×2 tile and not a 1×3 tile. Can you help troubleshoot?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#844011

Hi,

Your request falls under major customization and I am afraid it is out of JA support scope. However, I will help you to check this on your site but you have to do this

• Make a backup version on your site first

• Clone your site and give me the credentials info: URL, admin login and FTP account via Set as private reply

Regards

[jimcapraro Friend jimcapraroJoin date: September 2008Posts: 109Downloads:8Uploads:2 Thanks: 22 Thanked: 4 times in 1 posts]

#847537

Problem solved – I forgot that I needed to increase the display height dimension for the iframe. Once I did that the site now displays the facebook feed in three vertical tiles. Thanks so much for your help. Site looks great.

[Author]

Posts