Pages SuperTopics (Support Topic)

[Meddysong]

That's the forums app set to grid view.

[opentype]

It doesn’t change the regular forum content. It’s for additional blocks you put anywhere on your site. 

[odevriese]

50 minutes ago, Meddysong said:

That's the forums app set to grid view.

@Meddysong Soooo easy… Thanks!

24 minutes ago, opentype said:

It doesn’t change the regular forum content. It’s for additional blocks you put anywhere on your site. 

Thank you for your answer @opentype. I will try to understand how it works.

I found how to add a custom block from the Pages section in the sidebar, but choices are greyed in the dropdown menu and not accessible.

[cybernck]

I've got a hat-trick of your Superplugins now :).

Having a bit of a trouble with Supertopics though - when used in sidebar, cards using fallback images are not as tall as the ones that have got images in topics (Chrome & Firefox).

Additionally, user avatar is a bit off center to the left for the aforementioned cards (only in Firefox).

Seems to OK on mobile, in both respects.

http://www.205gtidrivers.com

Any ideas?

Thanks.

[opentype]

35 minutes ago, cybernck said:

cards using fallback images are not as tall as the ones that have got images in topics

That’s intentional actually. If there is no topic image, it shouldn’t waste too much space in the sidebar. So the empty/fallback slot is smaller – at least in the sidebar. 

Quote

Additionally, user avatar is a bit off center to the left for the aforementioned cards (only in Firefox).

Okay, I see the problem. The comment counter is pushing the avatar to the side in Firefox. 
Until I fix that in my templates, try adding this to your custom.css:

.ST_avatar_wrapper_sidebar_withimage {
    clear: both;
}

 

Edited November 18, 2017 by opentype

[cybernck]

Morning.

OK, but how do I make them the same size intentionally?

The alignment patch has done the job!

Edited November 18, 2017 by cybernck

[cybernck]

I've just noticed that the plugin doesn't pull pics for all the topics. And the affected ones even have them in the first post. Multiple photos, if that makes a difference?

[cybernck]

On 11/24/2017 at 12:03 PM, cybernck said:

I've just noticed that the plugin doesn't pull pics for all the topics. And the affected ones even have them in the first post. Multiple photos, if that makes a difference?

Any thoughts?

[opentype]

A test URL would help. 
It shouldn’t matter how many images there are in a post or topic. It only matters that they are post attachments. 

[cybernck]

Doh - attachments!

It's fine then - I was somehow under impression that it pulls *any* first pic from a topic... must have mixed it up with some other plugin then!

Would it be possible to make it that way though? Especially when the system is set to do https image caching - it's practically an attachment then?

[opentype]

9 minutes ago, cybernck said:

Would it be possible to make it that way though?

I’m afraid not. It doesn’t process the post content in any way. It just uses a core function to return images uploaded to the topic. 

[PPlanet]

On 9/3/2017 at 9:11 PM, Unlucky said:

Hi,

I have selected only 1 forum in the feed configuration but it is pulling in topics from other forums and displaying them in the block

Is this a bug?

Ah, so you can pull out posts from the subforums you wish? This is something I was wishing it to be possible but I couldn't find a reference to that in the Marketplace description.

@opentype I'm been playing around with the Supergrid for Pages, I assume this one works similarly when it comes to dealing with images, that is, uses the attachment if any. Are there any plans in the future to alternatively use the first image it finds in the post? This would make it very practical as some people attach images but other people link to images instead. If this was possible the block would practically self-manage.

[opentype]

6 minutes ago, PPlanet said:

Ah, so you can pull out posts from the subforums you wish? This is something I was wishing it to be possible but I couldn't find a reference to that in the Marketplace description.

No. It’s just a template. It doesn’t add functionality. What is being fed into the template comes from the regular Pages block functionality. 

 

6 minutes ago, PPlanet said:

@opentype I'm been playing around with the Supergrid for Pages, I assume this one works similarly when it comes to dealing with images, that is, uses the attachment if any.

SuperGrid uses the Pages Record Image field. SuperTopics uses post attachments. Both use similar layouts. 

 

6 minutes ago, PPlanet said:

Are there any plans in the future to alternatively use the first image it finds in the post? 

Not at this time I’m afraid. 

[PPlanet]

Okay, understandable. Cheers for the quick reply.

[sofos]

Hi @opentype , 

I bought your plugin (SuperTopics) and also the Pages. I want to know if I can set different kind of Fallback Images. 

In detail I've created a block which contains the "most answered Topics" and I've setted a simple "Hot" word in order to classify them. 

But now I want to create a different block with the "most viewed Topics" and want to set a different fallback image.

Can you explain me how?

[opentype]

That’s not an option of SuperTopics at the moment I’m afraid. 

[sofos]

2 minutes ago, opentype said:

That’s not an option of SuperTopics at the moment I’m afraid. 

Maybe can  you do something? It will be helpfull

[Unlucky]

10 minutes ago, sofos said:

Maybe can  you do something? It will be helpfull

+1

[sofos]

@opentype So will you do it?

[Unlucky]

 

Hi,

Just added a new database to use this with but the text is overlaying the photo as per here without white behind it

https://www.walkingfootball.com/articles.html/articles/stoked-up-r3/

On our other databases it looks correct such as here

https://www.walkingfootball.com/interviews/female-walking-football-players/interview-with-serian-ganesh-r80/

Any ideas what has happened?

[opentype]

2 hours ago, Unlucky said:

Any ideas what has happened?

It comes from this part in your custom.css. It sets the background to transparent. 

.ipsDialog .ipsBox:not(.ipsBox_transparent):not(.ipsModerated), .ipsWidget.ipsWidget_horizontal .ipsBox 

 

[Unlucky]

On 12/24/2017 at 5:27 PM, opentype said:

It comes from this part in your custom.css. It sets the background to transparent

Hi,

Why it is working on interviews database and not the articles database though?

I have not edited the css file myself.

[opentype]

I could investigate that, but frankly, as it comes from your custom.css it’s not really my job I’m afraid. Your theme overrides default settings, so any problems with that should be handled by your theme designer. 

[Unlucky]

Hi, Can you just double confirm where you are seeing that line of code because it isn't in my custom.css file, if possible please?

All I have in there is this

 

/**
 * This file is for your custom CSS.
 * This file is not modified or overwritten during upgrades
 */

#elUserNav>#cCreate{display: none}

@media screen and (max-width: 979px){.ipsApp.ipsApp_front #ipsLayout_header header { background: #ffffff!important; }}

.ipsSideBlock {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    min-width: 25%;
    max-width: 30%;
    margin: 1%;
    background-color: #e6e6e6;
}
.tempwid {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    padding: 5px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #e6e6e6;
}
.ipsPad {
    padding: 9px;
}
.titletempb {
    font: bold 14px verdana;
    padding-right: 10px;
    line-height: 30px;
    width: 110px;
    background-color: #e9e9e9;
}
.linetemp {
    padding: 5px 20px;
    background-color: #f3f3f3;
}
.tabletemp {
    min-width: 100%;
    border-bottom: 1px solid rgba(153, 153, 153, 0.2);
    overflow: hidden;
}
#bquote {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 20px 10px 10px 70px;
font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
font-style: italic;
line-height: 1.5em;
border-top: 1px #feb326 solid;
border-bottom: 1px #feb326 solid;
}

#bquote:before {
  font-family: "FontAwesome";
  content: "\f10d";
  font-size: 30px;
  font-style: normal;
  color: #cecece;
  position: absolute;
  top: 30px;
  left: 20px;
}
.reviewRate {
    width: 150px;
    height: 150px;
    background-color: #ff7830;
    margin-left: 25%;
    margin-right: 25%;
    z-index: 3;
    text-align: center;
    color: #fff;
    font-size: 65px;
  border-radius: 50%;
  line-height: 2.5;
}
.thegood {
    box-sizing: border-box;
    position: relative;
    width: 50%;
    padding: 20px 10px 10px 70px;
font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
font-style: italic;
line-height: 1.5em;
  float: left;
}
.thegood:before {
  font-family: "FontAwesome";
  content: "\f055";
  font-size: 30px;
  font-style: normal;
  color: #7db03a;
  position: absolute;
  top: 30px;
  left: 20px;
}
.thebad {
    box-sizing: border-box;
    position: relative;
    width: 50%;
    padding: 20px 10px 10px 70px;
font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
font-style: italic;
line-height: 1.5em;
  float: left;
}
.thebad:before {
  font-family: "FontAwesome";
  content: "\f056";
  font-size: 30px;
  font-style: normal;
  color: #b03a3a;
  position: absolute;
  top: 30px;
  left: 20px;
}

[Unlucky]

Hi,

dont worry I have created a brand new database and it works ok.