JomSocial built in module positions and group photo albums

Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

JomSocial built in module positions and group photo albums

6 years 8 months ago

#177099

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

6 years 8 months ago

#177109

Dimas
Visitor
Thank you received: 0

Licenses:

Hi Jon,

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

thank you!

6 years 8 months ago

#177114

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:

6 years 8 months ago

#177128

Dimas
Visitor
Thank you received: 0

Licenses:

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!

6 years 8 months ago

#177140

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

6 years 8 months ago

#177155

Dimas
Visitor
Thank you received: 0

Licenses:

Just paste the code under

<div class="joms-module__wrapper">

Moderators: Piotr Garasiński

Notice

Support Forum

JomSocial built in module positions and group photo albums

Licenses:

Licenses:

Licenses:

Attachments:

Licenses:

Licenses:

Licenses:

Join 180,000 websites creating Amazing communities

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere