Club widget block

[Ernest_Defoe]

I am using the widget block to show all available clubs and by the time I get them all added there will be over 60 and right now it’s showing like in the attached image and I was wondering if someone could help me make it where it will show more clubs per row. Thank you for any assistance that can be given 

[newbie LAC]

You can edit template  core - front - widgets - clubs

Use https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/layout-grids-r90/ or https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/layout-columns-r89/

 

 

[Ernest_Defoe]

5 hours ago, newbie LAC said:

You can edit template  core - front - widgets - clubs

Use https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/layout-grids-r90/ or https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/layout-columns-r89/

 

 

I appreciate the help but to be honest that’s all Greek to me. Plus trying to do it via iPad doesn’t make it very easy to do. I like the grid layout making it 3 wide but I don’t know where to insert the code to achieve what I'm wanting. Maybe you could give me some help and I post the contents of that template and you or someone could add the code where it needs to go and I could just copy and paste into the template. I sure would greatly appreciate it plus add the responsive bit as well. 

{{if $title}}
	<h3 class="ipsType_reset ipsWidget_title">{$title}</h3>
{{endif}}
<section class="ipsWidget_inner ipsPad_half">
	<ul class='ipsDataList ipsDataList_reducedSpacing'>
		{{foreach $clubs as $club}}
			<li class='ipsDataItem ipsClearfix'>
				<div class='ipsDataItem_icon'>
					{template="clubIcon" group="clubs" app="core" params="$club, 'tiny', 'ipsPos_left'"}
				</div>
				<div class='ipsDataItem_main'>
					<h3 class='ipsType_sectionHead ipsType_large ipsContained_container'>
						<span class='ipsContained ipsType_break'><a href='{$club->url()}'>{$club->name}</a></span>
					</h3>
					<p class='ipsType_reset ipsType_medium ipsType_light'>
						{lang="club_{$club->type}"}
						&nbsp;&middot;&nbsp;
						{lang="club_members_count" pluralize="$club->members"}
					</p>
				</div>
			</li>
		{{endforeach}}
	</ul>
</section>

 

[newbie LAC]

{{if $title}}
	<h3 class="ipsType_reset ipsWidget_title">{$title}</h3>
{{endif}}
<section class="ipsWidget_inner ipsPad_half">
	{{if $orientation == 'horizontal'}}
		{{$count = 0;}}
		{{foreach $clubs as $club}}
			{{if $count%3 == 0}}
				<ul class='ipsGrid ipsGrid_collapsePhone'>
			{{endif}}
				<li class='ipsGrid_span4 ipsPhotoPanel ipsPhotoPanel_mini ipsClearfix'>
					{template="clubIcon" group="clubs" app="core" params="$club, 'tiny'"}
					<div>
						<h3 class='ipsType_sectionHead ipsType_large ipsContained_container'>
							<span class='ipsContained ipsType_break'><a href='{$club->url()}'>{$club->name}</a></span>
						</h3>
						<p class='ipsType_reset ipsType_medium ipsType_light'>
							{lang="club_{$club->type}"}
							&nbsp;&middot;&nbsp;
							{lang="club_members_count" pluralize="$club->members"}
						</p>
					</div>
				</li>
			{{$count++;}}
			{{if $count%3 == 0}}
				</ul>
			{{endif}}
		{{endforeach}}
		{{if $count%3 != 0}}
			</ul>
		{{endif}}
	{{else}}
		<ul class='ipsDataList ipsDataList_reducedSpacing'>
			{{foreach $clubs as $club}}
				<li class='ipsDataItem ipsClearfix'>
					<div class='ipsDataItem_icon'>
						{template="clubIcon" group="clubs" app="core" params="$club, 'tiny', 'ipsPos_left'"}
					</div>
					<div class='ipsDataItem_main'>
						<h3 class='ipsType_sectionHead ipsType_large ipsContained_container'>
							<span class='ipsContained ipsType_break'><a href='{$club->url()}'>{$club->name}</a></span>
						</h3>
						<p class='ipsType_reset ipsType_medium ipsType_light'>
							{lang="club_{$club->type}"}
							&nbsp;&middot;&nbsp;
							{lang="club_members_count" pluralize="$club->members"}
						</p>
					</div>
				</li>
			{{endforeach}}
		</ul>
	{{endif}}
</section>

[Ernest_Defoe]

Thank you @newbie LAC I appreciate the help. Works perfectly. 

[Ernest_Defoe]

Just curious is there a way to get rid of the text at the bottom of each club that says what type of club (Public, Private, etc) and the number of members? I have all clubs as public and I am the only member since I set them up and it's kinda pointless to have that after each club. Thanks for the help.

[steve00]

8 hours ago, Ernest_Defoe said:

Just curious is there a way to get rid of the text at the bottom of each club that says what type of club (Public, Private, etc) and the number of members? I have all clubs as public and I am the only member since I set them up and it's kinda pointless to have that after each club. Thanks for the help.

Would imagine just remove:

<p class='ipsType_reset ipsType_medium ipsType_light'>
	{lang="club_{$club->type}"}
	&nbsp;&middot;&nbsp;
	{lang="club_members_count" pluralize="$club->members"}
</p>

 

[Ernest_Defoe]

Thank you that worked perfectly.