Joomla Templates Club 406,261 posts

[schafer49 Friend schafer49Join date: August 2010Posts: 6Downloads:7Uploads:0 Thanks: 3]

#159767

Using ja_community_plus.v1.0.0 beta.zip on a localhost Joomla 1.6 site.
1. When I assign a menu item to “Category List”, I get a blank white screen but for the title of the category.
2. When I assign a menu item to “Category Blog” or to “Featured Articles”, then the first embedded image in each article is displayed at a fixed size (without regard to the position and parameters I set for it) in the upper left of each article.

Neither problem occurs when I change the default template from JA_Community_Plus to ja_purity_ii, so it appears that the problem is with the J16 community plus template.

I’m eager to solve this so I can upload to an online host (without first having to change to a different template). I’m a novice, but I can replace blocks of code if instructions are clear. Thanks.

[schafer49 Friend schafer49Join date: August 2010Posts: 6Downloads:7Uploads:0 Thanks: 3]

#375265

JA support replied with this:

——– Original Message ——–
Subject: [#VRG-476-84614]: [0][FID:219455][General] – J16: Problems with Category List and Category Blog
Date: Sun, 06 Feb 2011 11:32:30 -0500
From: JoomlArt Installation <contact@joomlart.com>
Reply-To: contact@joomlart.com
To: schafer49

Schafer,

First off: Community + is now up to version 1.1.2 and would recommend you upgrade from you old beta.

1. We cannot replicate your issue. When you create a CATEGORY LIST Menu item, you are also asked for the Category to show. The only reason you would see a category title and nothing else is if there were no articles assigned to that particular category. Please double check. One easy way to test is to used the DEMO CONTENT/DEMO CONTENT category that came with your template.

2. You are correct and it is working as expected. The Parameters for the CATEGORY BLOG menu item set how the page will be displayed (1 main article, 2 sub articles, etc.) In this template, thumbnails are guided by CSS. It slaps a 95px square thumbnail to everything. You should either resize the CSS parameter or disable/delete it and use the JA_Thumnail plug in.

Have fun!
John.

My emailed reply to contact@joomlart.com was rejected:
——– Original Message ——–
Subject: Delivery Status Notification (Failure)
Date: Sun, 06 Feb 2011 19:51:22 +0000
From: Mail Delivery Subsystem <mailer-daemon@googlemail.com>
To: schafer49

Delivery to the following recipient failed permanently:

contact@joomlart.com

Technical details of permanent failure:
Google tried to deliver your message, but it was rejected by the recipient domain. We recommend contacting the other email provider for further information about the cause of this error. The error that the other server returned was: 550 550-5.1.1 The email account that you tried to reach does not exist.

Below is the rejected message that I sent to contact@joomlart.com
——– Original Message ——–
Subject: Re: [#VRG-476-84614]: [0][FID:219455][General] – J16: Problems with Category List and Category Blog
Date: Sun, 06 Feb 2011 11:51:18 -0800
From: schafer49
To: contact@joomlart.com

Thank you for your response, but —

1. I downloaded Community+ (for J1.6) on Feb. 2. Moments ago, I re-visited your download page for that template, and it still only has version 1.0.0 beta (1-13-2011) available. See it at:
http://www.joomlart.com/forums/downloads.php?do=cat&id=20370
I also checked for an update of the template using JA_ExtensionsManager, but got a “sorry, no version uploaded in Repository.” Do I have to download and install the quickstart version in order to get your ver. 1.1.2 of Community Plus for Joomla 1.6, or is it available for download somewhere on your website?

2. Re: Category List and Category Blog problems. Below are screenshots of my site’s content and menu structure displayed alternatively with your Purity_ii template and your CommunityPlus template. The only changes made when making these screenshots was a change in the default template between Purity_ii and Community+.

3. Can you direct me to the appropriate CSS file and block of code that I must disable/delete in order to prevent the Community+ template from overriding my image positions/parameters and displaying them upper-left as 95px thumbnails instead of as, per my positions/parameters, small images embedded with the text.

Thanks.
Doug Schafer

Category List of “Board Members” category using Purity_ii on Joomla 1.6 site (displaying properly):

Category List of “Board Members” category using Community+ on Joomla 1.6 site (displaying improperly):

Category Blog of “Board Members” category using Purity_ii on Joomla 1.6 site (displaying properly):

Category Blog of “Board Members” category using Community+ on Joomla 1.6 site (displaying improperly):

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#375267

To make the images work in the way you want to please edit templates>ja_community_plus>css>template.cs around line 218 as required.


div.article-image img {
background: none repeat scroll 0 0 #FFFFFF;
border: 4px solid #EEECE8;
margin: 0;
padding: 1px;
width: 95px;

}

[schafer49 Friend schafer49Join date: August 2010Posts: 6Downloads:7Uploads:0 Thanks: 3]

#375327

Thanks, Phill, your suggestion got me exploring the code. Editing the template.css file did not solve the problem for I was not wanting to resize the images, but to prevent the Joomla 1.6 Community+ template from hijacking the first image of each article in the category and placing it before the article’s title. Through trial and error I made the following changes to the file named blog_item.php in the following directory: ja_community_plushtmlcom_contentcategory

I replaced the following code beginning at line 21

<?php
//get images
$regex = '#<img[^>]*>#';
$image = '';
if (preg_match ($regex, $this->item->introtext, $matches)) {
$image = $matches[0];
$this->item->introtext = str_replace ($image, '', $this->item->introtext);
}
?>
<?php if ($image) : ?>
<div class="article-image">
<?php echo $image ?>
</div>
<?php endif; ?>

with the following code:

<?php if ($image) : ?>
// <div class="article-image">
<?php echo $image ?>
// </div>
<?php endif; ?>

I have no idea what problems this change may cause, but it did solve my problem. Hopefully, the JoomlArt staff or others with coding knowledge will present a better solution, or an update to the template. Below is the result that I sought and achieved with this change:

P.S. I think that the JoomlArt support person who responded to me, which response I posted above, failed to recognize that I was using the Joomla 1.6 (not the Joomla 1.5) version of the Community Plus template.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#375357

Yep, it does look as if the first reponder was under the impression that you were using the J1.5 version hence the version differences.

Your changes will be fine. The reason for the design as it was is to make life easy for those who struggle to layout an article consistantly on the frontpage. As you have discovered, this does limit you if you do not know how to adjust the code. Most users do appreciate this feature especially those who update their homepage often with news etc as all the layout work is done for them.

Glad you got is sorted though. I must admit your post was so long I got a little lost with exactly what you were asking for.

1 user says Thank You to Phill for this useful post

1. schafer49

[mikac Friend mikacJoin date: April 2010Posts: 178Downloads:0Uploads:39 Thanks: 27 Thanked: 5 times in 1 posts]

#376621

I’m sorry but it’s not clear how you changed the code.

Have you deleted this part completely?

<?php
//get images
$regex = '#<img[^>]*>#';
$image = '';
if (preg_match ($regex, $this->item->introtext, $matches)) {
$image = $matches[0];
$this->item->introtext = str_replace ($image, '', $this->item->introtext);
}


And in the second, you just added // in front of the div’s…

I tried this way but no good.
Thanks

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#376665

What are you trying to do here mikac? Please explain exactly and I will see if I can help.

[mikac Friend mikacJoin date: April 2010Posts: 178Downloads:0Uploads:39 Thanks: 27 Thanked: 5 times in 1 posts]

#376669

Well.. I wanted to try schafers solution, but it didn’t work. Now I just edited
div.article-image img {
background: none repeat scroll 0 0 #FFFFFF;
border: 4px solid #EEECE8;
margin: 0;
padding: 1px;
width: 95px;
which is your solution… I added width: 100px and hight: 100px, and all my Article Blog photos are croped to 100x100px (by me, manually) so now the pictures aren’t distorted like originally. I tried with Ja Thumbnail Plugin but.. I didn’t like it cause if there are 2 pictures he groups them and there’s prev and next options which I couldn’t switch off…

So…not the happiest with 100x100px but at the moment only this way works for me…

Any new idea Phill?

Thank you
Milan

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#376674

You do not need to setup the JA Thumbnail to create a prev-next slideshow. It all depends on how you set it up. Set integration mode to disable then set things up for the blog view mode in the box below.

[mikac Friend mikacJoin date: April 2010Posts: 178Downloads:0Uploads:39 Thanks: 27 Thanked: 5 times in 1 posts]

#376704

Not sure what you are saying, but… this is not good. Where ever I put an image (in an article), it displays it at the beginning and it’s set to 100x100px (which I entered) and with some kind of frame. What is the problem with JA Community template plus…why doesn’t it display images like any other template?

With Ja thumbnail I DON’T want it to group my images (if there are 2+ images in an article) and make some sort of mini gallery or whatever. I just want to insert images like in any other template?

Am I missing something here?
Please feel free to advise, and thank you for your time.
Milan

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#376705

The border is added by the template on the frontpage. Do you want rid of that?

As I said, if you setup JA Thumbnail correctly then it will not group all your images together. You can set it to resize the first image in your article but only in the blog layout. That way when you go to the articles page the images will all be as you uploaded them.

If you are having problems setting this up then please tell me exactly how you would like it then PM me an admin logon, ftp details (only if you want the border thing removed) and include a link to your site and a link to this thread inyour PM. Once I have that I will set things up as you want then you can see how it is done.

[mikac Friend mikacJoin date: April 2010Posts: 178Downloads:0Uploads:39 Thanks: 27 Thanked: 5 times in 1 posts]

#376706

Well… I tried once more with no luck. I sent you pm. Thanks.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#377616

To remove the border code open template.css and around line 228 remove the following code


.img-border {
background:none repeat scroll 0 0 #FFFFFF;
border:4px solid #EEECE8;
margin-top:15px;
padding:1px;

}


To remove all the article sizing stuff on the frontpage open templates>ja_community_plut>html>default_item.php and remove the bit I have highlighted in red below

<?php if ($image) : ?>
<div class="article-image">
<?php echo $image ?>
</div>

For other views where the image is automatically resized you will also have many areas where you will have to change

<div class="article-image">

to

<div>

To find all the areas download the tool wingrep from here – http://www.wingrep.com/

Once you have installed it right click on the templates>ja_community_plus>htmp>com_content folder and click on the wingrep menu item. It will bring up a new window allowing you to search for strings in the code. Do a search for

<div class="article-image">
and replace all instances of it with
<div>
to stop it applying that class.

1 user says Thank You to Phill for this useful post

1. mikac

[Author]

Posts