Joomla Templates Club 406,261 posts

[Kenny Jou Developer Kenny JouJoin date: September 2014Posts: 11Downloads:0Uploads:0]

#204644

I’d like to use the module where it says “Practice makes perfect”, “Photography”, etc. and put it on the homepage. I’m not sure how to do it. Can someone help?

http://ja-sugite.demo.joomlart.com/index.php/en/bonus-pages/our-services

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#563032

Hi there
That’ category blog view page.
If needed you can use {loadposition} inside these article to load modules.

Thank you,
Viet Vu

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#563035

Hello
Our-services Page is an Blog layout menu type .
You can find the “Practice makes perfect”, “Photography”, etc in Article manager .
Go to article manager Select Category Our Services .
You can see all the article here >>> http://prntscr.com/6giys1
Edit the article as per your Needs .
If you want to publish modules . either you will publish a module on this page . Or use {loadposition} in a single article menu type .
You can use inspect element and copy the code and use it in custom html module .
For example here is source code that is on our-services page .

<div class="blog services">

<div class="items-row cols-3 row-0 row">
<div class="col-md-4">
<div class="item column-1">

<!-- Article -->
<article>
<header class="article-header clearfix">
<h2 class="article-title">
<a href="/sg/index.php/practising"> Practice makes perfect</a>
</h2>
</header>

<!-- Aside -->
<!-- //Aside -->

<section class="article-intro clearfix">

<div class="pull-none item-image article-image article-image-intro">
<img src="/sg/images/joomlart/demo/service-3.png" alt="">
</div>

<p>Vivamus tristique volutpat aliquam. Donec ante risus, fermentum ac ullamcorper lobortis, semper ut nisl. Phasellus venenatis porta</p>
</section>

<section class="readmore">
<a class="btn btn-default" href="/sg/index.php/practising">
<span>
Read more... </span>
</a>
</section>

</article>
<!-- //Article -->

</div><!-- end item -->
</div><!-- end span -->
<div class="col-md-4">
<div class="item column-2">

<!-- Article -->
<article>
<header class="article-header clearfix">
<h2 class="article-title">
<a href="/sg/index.php/graphic-design"> Graphic Design</a>
</h2>
</header>

<!-- Aside -->
<!-- //Aside -->

<section class="article-intro clearfix">

<div class="pull-none item-image article-image article-image-intro">
<img src="/sg/images/joomlart/demo/service-2.png" alt="">
</div>

<p>Pellentesque blandit semper lorem vel lobortis. Mauris sed ante ut erat adipiscing tincidunt. Nullam ultrices quam a ornare ultrices.</p>
</section>

<section class="readmore">
<a class="btn btn-default" href="/sg/index.php/graphic-design">
<span>
Read more... </span>
</a>
</section>

</article>
<!-- //Article -->

</div><!-- end item -->
</div><!-- end span -->
<div class="col-md-4">
<div class="item column-3">

<!-- Article -->
<article>
<header class="article-header clearfix">
<h2 class="article-title">
<a href="/sg/index.php/photography-services"> Photography</a>
</h2>
</header>

<!-- Aside -->
<!-- //Aside -->

<section class="article-intro clearfix">

<div class="pull-none item-image article-image article-image-intro">
<img src="/sg/images/joomlart/demo/service-5.png" alt="">
</div>

<p>Mauris purus enim, mattis eget orci sed, tempus adipiscing leo. Nulla vel dui et arcu sodales consequat sit amet eget arcu integer aliquet</p>
</section>

<section class="readmore">
<a class="btn btn-default" href="/sg/index.php/photography-services">
<span>
Read more... </span>
</a>
</section>

</article>
<!-- //Article -->

</div><!-- end item -->
</div><!-- end span -->

</div><!-- end row -->
<div class="items-row cols-3 row-1 row">
<div class="col-md-4">
<div class="item column-1">

<!-- Article -->
<article>
<header class="article-header clearfix">
<h2 class="article-title">
<a href="/sg/index.php/creative"> Creative</a>
</h2>
</header>

<!-- Aside -->
<!-- //Aside -->

<section class="article-intro clearfix">

<div class="pull-none item-image article-image article-image-intro">
<img src="/sg/images/joomlart/demo/service-4.png" alt="">
</div>

<p>Sed eget sodales sem. Nunc in ipsum non massa vestibulum adipiscing. Praesent id dolor eget urna convallis cursus sit amet vitae odio.</p>
</section>

<section class="readmore">
<a class="btn btn-default" href="/sg/index.php/creative">
<span>
Read more... </span>
</a>
</section>

</article>
<!-- //Article -->

</div><!-- end item -->
</div><!-- end span -->
<div class="col-md-4">
<div class="item column-2">

<!-- Article -->
<article>
<header class="article-header clearfix">
<h2 class="article-title">
<a href="/sg/index.php/consulting"> Consulting</a>
</h2>
</header>

<!-- Aside -->
<!-- //Aside -->

<section class="article-intro clearfix">

<div class="pull-none item-image article-image article-image-intro">
<img src="/sg/images/joomlart/demo/service-6.png" alt="">
</div>

<p>Maecenas dictum odio consectetur, aliquet elit ut, aliquam magna. Suspendisse egestas mauris vitae pretium odio, nec metus risus dictum adipiscing elit</p>
</section>

<section class="readmore">
<a class="btn btn-default" href="/sg/index.php/consulting">
<span>
Read more... </span>
</a>
</section>

</article>
<!-- //Article -->

</div><!-- end item -->
</div><!-- end span -->
<div class="col-md-4">
<div class="item column-3">

<!-- Article -->
<article>
<header class="article-header clearfix">
<h2 class="article-title">
<a href="/sg/index.php/website-developement"> Website Development</a>
</h2>
</header>

<!-- Aside -->
<!-- //Aside -->

<section class="article-intro clearfix">

<div class="pull-none item-image article-image article-image-intro">
<img src="/sg/images/joomlart/demo/service-1.png" alt="">
</div>

<p>Nunc fringilla tincidunt interdum egestas et id morbi tempus condimentum laoreet. Mauris ut id natoque nibh nisl mauris eget malesuada.</p>
</section>

<section class="readmore">
<a class="btn btn-default" href="/sg/index.php/website-developement">
<span>
Read more... </span>
</a>
</section>

</article>
<!-- //Article -->

</div><!-- end item -->
</div><!-- end span -->

</div><!-- end row -->

</div>

Add the above dummy code in single article and take a try .

Hope it helps

[Author]

Posts