Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Add services on front page

Featured Lock Resolved Issue
Hi,

I would like to increase the number of services listed on the frontpage of the Corporex template. How do I go about this? I found the way to reduce the size, I want to add more services on the front page.

Thanks.

19 Answers

Arun Sasi

More than a month ago #Permalink
Hi Kulola,

To add more services in a row you need to override "mod_sp_features". For that please follow the below steps.

Step 1. Go to corpex > modules >mod_sp_features

Step 2. Open mod_sp_features.xml

Step 3. Paste the code from below after line # 53 and save the file (Adding two more sections)

 
<!--Feature 5-->
<field name="feature5_spacer" type="spacer" label="Feature 5" />
<field name="icon5" type="icon" label="Icon" description="Feature Icon" />
<field name="title5" type="text" label="Title" description="Feature Title" />
<field name="desc5" type="textarea" rows="5" cols="40" label="Desc" description="Feature Description" />
<field name="class5" type="text" label="Custom Class" description="Custom Class" />
<field name="feature5_hr" type="spacer" hr="true" />

<!--Feature 6-->
<field name="feature6_spacer" type="spacer" label="Feature 6" />
<field name="icon6" type="icon" label="Icon" description="Feature Icon" />
<field name="title6" type="text" label="Title" description="Feature Title" />
<field name="desc6" type="textarea" rows="5" cols="40" label="Desc" description="Feature Description" />
<field name="class6" type="text" label="Custom Class" description="Custom Class" />
<field name="feature6_hr" type="spacer" hr="true" />


Step 4. Open mod_sp_features.php

Step 5. Paste the code from below after line # 45 and save the file (Adding two more sections)



//Feature 5
if( $params->get('title5') ){
$data[4][ 'icon' ] = $params->get('icon5');
$data[4][ 'title' ] = $params->get('title5');
$data[4][ 'desc' ] = $params->get('desc5');
$data[4][ 'class' ] = $params->get('class5');
}

//Feature 6
if( $params->get('title6') ){
$data[5][ 'icon' ] = $params->get('icon6');
$data[5][ 'title' ] = $params->get('title6');
$data[5][ 'desc' ] = $params->get('desc6');
$data[5][ 'class' ] = $params->get('class6');
}



Step 6. Go to corpex > templates > shaper_corporex > less (I am assuming you are using less )

Step 7. Open typography.less


Step 8. Paste the code from below after line # 383 and save the file ( inside ".sp-animation" class )


[class*="span"]:nth-child(5){
-webkit-animation: fadeInUp 300ms linear 1200ms both;
-moz-animation: fadeInUp 300ms linear 1200ms both;
-ms-animation: fadeInUp 300ms linear 1200ms both;
-o-animation: fadeInUp 300ms linear 1200ms both;
animation: fadeInUp 300ms linear 1200ms both;
}
[class*="span"]:nth-child(6){
-webkit-animation: fadeInUp 300ms linear 1200ms both;
-moz-animation: fadeInUp 300ms linear 1200ms both;
-ms-animation: fadeInUp 300ms linear 1200ms both;
-o-animation: fadeInUp 300ms linear 1200ms both;
animation: fadeInUp 300ms linear 1200ms both;
}




Step 9. Open the services module in joomla admin . There will two more sections will be listed, ad the text and the check the site front-end


Thanks
Arun

Arun Sasi

More than a month ago #Permalink
Hi,

Do you want to add mores services in same row or in a next row?

Thanks
Arun

Kulola

More than a month ago #Permalink
I would like to add the services on the same row as the other ones.

Arun Sasi

More than a month ago #Permalink
Hi ,

I think Step 3 code is not showing in the page. So that i am not adding <pre>.


Step 3. Paste the code from below after line # 53 and save the file (Adding two more sections)

<!--Feature 5-->
<field name="feature5_spacer" type="spacer" label="Feature 5" />
<field name="icon5" type="icon" label="Icon" description="Feature Icon" />
<field name="title5" type="text" label="Title" description="Feature Title" />
<field name="desc5" type="textarea" rows="5" cols="40" label="Desc" description="Feature Description" />
<field name="class5" type="text" label="Custom Class" description="Custom Class" />
<field name="feature5_hr" type="spacer" hr="true" />

<!--Feature 6-->
<field name="feature6_spacer" type="spacer" label="Feature 6" />
<field name="icon6" type="icon" label="Icon" description="Feature Icon" />
<field name="title6" type="text" label="Title" description="Feature Title" />
<field name="desc6" type="textarea" rows="5" cols="40" label="Desc" description="Feature Description" />
<field name="class6" type="text" label="Custom Class" description="Custom Class" />
<field name="feature6_hr" type="spacer" hr="true" />


Thanks
Arun

Kulola

More than a month ago #Permalink
Hi Arun,

Thanks for your response. Can this still work if I do not have step 3, seeing that I can't see the code you pasted? Would it be possible if you attached it in a text file?

Arun Sasi

More than a month ago #Permalink
Hi,

I am attaching Step 3 code as text file.

Thanks
Arun

Arun Sasi

More than a month ago #Permalink
Hi,

I am attaching Step 3 code.

Thanks
Arun

Attachments (1)

  • code.zip 0.4 KB

Kulola

More than a month ago #Permalink
Thank you so much Arun, you are a God sent. It worked like a charm. Is there a way I can have more variety on icons. I am actually looking for icons that are similar to "Water", "Inspection and/or Investigation" and "Waste Management".

Thanks so much again.
Kulola.

Kulola

More than a month ago #Permalink
One more thing Arun, I need to have the services have hyperlinks on them. How can I go about this?

Kulola

More than a month ago #Permalink
I have managed to add a field for links, but need to make it activated to accept internal links to other articles. I will greatly appreciate it if you can help me out on this one.

Thanks,
Kulola

Arun Sasi

More than a month ago #Permalink
Hi Kulola,

Happy to hear that your issues resolved. Regarding icons i don't think you can additional icons. I believe template integrated with FontAwesome Icons.

Website Reference for icons

For link activation issue, Could you please share your website url for better understanding.

Thanks
Arun

Arun Sasi

More than a month ago #Permalink
Hi,

I have updated the code for link. PFA,

Thanks
Arun

Attachments (1)

  • mod_sp_features.zip 2.6 KB

Kulola

More than a month ago #Permalink
Hi Arun,

I get below error when I put the site online.

"load error: failed to find C:\wamp\www\keko\templates/shaper_corporex/less/master.less"

Domain is http://www.twopointfivedata.com

Arun Sasi

More than a month ago #Permalink
Hi,

Login to joomla administration.

System> Clear Cache.

Select cache group then delete it.

Thanks
Arun

Arun Sasi

More than a month ago #Permalink
Hi,

Also you need to call your hosting provider to disable "magic_quotes_gpc"

If you have direct access to the hosting server. Refer the link

Thanks
Arun

Kulola

More than a month ago #Permalink
Thanks Arun, now the places I needed links for is at "Our Services". How achievable is this?

Arun Sasi

More than a month ago #Permalink
Hi,

If you check the post i have attached mod_sp_features.zip. Unzip the folder and overwrite the code.

Now i have added link section for first service.

Thanks
Arun

Kulola

More than a month ago #Permalink
Thanks so much for your help Arun. There is another issue I posted in the support forum that I have not gotten assistance on. Its about sizing the articles in "Projects" menu. As you can see, there are huge gaps between the articles and I need to reduce that.

What I was doing was to specify height in css but it was also affecting the header, adding a huge gap between the articles and logo.

Thanks.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 141
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 17
Al Mamun

Al Mamun

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

112

Templates

288990

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us