JomSocial On Joomla 4. What to expect? More Details

Support Forum

Welcome! Support Forums have been reactivated

Support Times

Support team is available Monday to Friday
From 12AM to 4PM (UTC Time)

JomSocial built in module positions and group photo albums

4 months 2 days ago
  • Jon's Avatar
    Topic Author
  • Jon
  • Offline
  • Fresh Boarder
  • Posts: 15
  • Thank you received: 3
Licenses:
JomSocial Active Socialize Expired

Hi, I'm trying to put the module that displays a groups photo albums above the group members, discussions and announcements. All these items seem to appear by default on the group page but i cannot figure out how to put them in a different sequence.
I have tried creating a new JS Photos module and puutting it in the js_groups_side_top position but that then displays all albums and I cannot see how to filter it to display just the albums for that group.
My question is:
Can I either force the standard group photo albums block into the top position or apply a filter to a JS Photos module to display only those albums associated with the group page it loads on?
Any guidance would be much appreciated

Please Log in or Create an account to join the conversation.

4 months 2 days ago
  • Dimas's Avatar
  • Dimas
  • Offline
  • User is blocked
  • Posts: 13234
  • Thank you received: 3392
Licenses:
JomSocial Active GURU Active Publisher Expired AdAgency Expired iSEO Expired Socialize Active

Hi Jon,

Please provide me the screenshots design, what do you want to do, so we can understand it better.

thank you!

Please Log in or Create an account to join the conversation.

4 months 2 days ago
  • Jon's Avatar
    Topic Author
  • Jon
  • Offline
  • Fresh Boarder
  • Posts: 15
  • Thank you received: 3
Licenses:
JomSocial Active Socialize Expired

Hi Dimas,
Screen shot showing the group photo album block on the page is attached.
I'd like to be able to move that to the top of the sidebar but can find no way to change the order of these items.
(In the groups the most popular item is the photographs rather than any other aspect of the group and I just want to make it as straightforward as possible to get to them - most of my users are over 60 years old)
The alternative would be to have a filter in the JS Photos module to allow it to be used to just display the albums for the group it is displayed it. The current options don't seem to allow this .
A third option would be to enter the group showing the group 'photos' page rather than the activities/group details page.
Many thanks

Attachments:

Please Log in or Create an account to join the conversation.

4 months 1 day ago
  • Dimas's Avatar
  • Dimas
  • Offline
  • User is blocked
  • Posts: 13234
  • Thank you received: 3392
Licenses:
JomSocial Active GURU Active Publisher Expired AdAgency Expired iSEO Expired Socialize Active

Hi,

Hack the template is the easier solution for this, open this file components/com_community/templates/jomsocial/layouts/groups/single.php, move this code

<div class="joms-module__wrapper">
        <div class="joms-tab__bar">
 
            <?php if ($showPhotos) { ?>
            <?php if ($albums) { ?>
                <a href="#joms-group--photos" class="active"><?php echo JText::_('COM_COMMUNITY_PHOTOS_PHOTO_ALBUMS'); ?></a>
            <?php } ?>
            <?php } ?>
 
            <?php if ($showVideos) { ?>
            <?php if ($videos) { ?>
                <a href="#joms-group--videos"><?php echo JText::_('COM_COMMUNITY_VIDEOS'); ?></a>
            <?php } ?>
            <?php } ?>
 
        </div>
 
        <?php if ($showPhotos) { ?>
        <?php if ($albums) { ?>
            <div id="joms-group--photos" class="joms-tab__content">
                <ul class="joms-list--photos">
                    <?php foreach ($albums as $album) { ?>
                        <li class="joms-list__item">
                            <a href="<?php echo CRoute::_(
                                'index.php?option=com_community&view=photos&task=album&albumid=' . $album->id . '&groupid=' . $group->id
                            ); ?>">
                                <img class="cAvatar cMediaAvatar jomNameTips"
                                     title="<?php echo $this->escape($album->name); ?>"
                                     src="<?php echo $album->getCoverThumbURI(); ?>"
                                     alt="<?php echo $album->getCoverThumbURI(); ?>"/>
                            </a>
                        </li>
                    <?php } ?>
                </ul>
 
                <div class="cUpdatesHelper clearfull">
                    <a href="<?php echo CRoute::_(
                        'index.php?option=com_community&view=photos&task=display&groupid=' . $group->id
                    ); ?>">
                        <?php echo JText::_('COM_COMMUNITY_VIEW_ALL_ALBUMS') . ' (' . $totalAlbums . ')'; ?>
                    </a>
                </div>
            </div>
        <?php } ?>
        <?php } ?>
 
        <?php if ($showVideos) { ?>
        <?php if ($videos) { ?>
            <div id="joms-group--videos" class="joms-tab__content" style="display:none;" >
                <ul class="joms-list--videos">
                    <?php foreach ($videos as $video) { ?>
                        <li class="joms-list__item">
                            <a href="<?php echo $video->getURL(); ?>"
                               title="<?php echo $video->title; ?>">
                                <img src="<?php echo $video->getThumbnail(); ?>" class="joms-list__cover" alt="<?php echo $video->title; ?>" />
                                <span class="joms-video__duration"><?php echo $video->getDurationInHMS(); ?></span>
                            </a>
                        </li>
                    <?php } ?>
                </ul>
 
                <div class="cUpdatesHelper clearfull">
                    <a href="<?php echo CRoute::_(
                        'index.php?option=com_community&view=videos&task=display&groupid=' . $group->id
                    ); ?>">
                        <?php echo JText::_('COM_COMMUNITY_VIDEOS_ALL') . ' (' . $totalVideos . ')'; ?>
                    </a>
                </div>
            </div>
        <?php } ?>
        <?php } ?>
 
    </div>

to below this code :
$isFirstTab = 1;
    ?>
    <div class="joms-module__wrapper">

thank you!

The following user(s) said Thank You: Jon

Please Log in or Create an account to join the conversation.

4 months 1 day ago
  • Jon's Avatar
    Topic Author
  • Jon
  • Offline
  • Fresh Boarder
  • Posts: 15
  • Thank you received: 3
Licenses:
JomSocial Active Socialize Expired

Hi Dimas,
Perfect, thank you.
The only thing I did differently was to put the moved code directly beneath:
$isFirstTab = 1;
?>
as the "<div class="joms-module__wrapper">" was connected to the code segment that followed it.
All is as I want it now- thanks again,
Jon

Please Log in or Create an account to join the conversation.

4 months 10 hours ago
  • Dimas's Avatar
  • Dimas
  • Offline
  • User is blocked
  • Posts: 13234
  • Thank you received: 3392
Licenses:
JomSocial Active GURU Active Publisher Expired AdAgency Expired iSEO Expired Socialize Active

Just paste the code under

<div class="joms-module__wrapper">

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum