Joomla Templates Club 406,261 posts

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#852762

Hi,

I am creating a page using JA Nuevo and some effect on the page itself seems off , below are the URL

http://marlin.vodien.com/~pcomdeve/pcom/index.php/solutions

The weird thing is when mouse over the top tier items the bottom tier seems like its re positioning themselves and cause some weird transition effect. Anyway can solve it ?

Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#857363

Hi,

I checked on solutions page on your site and saw it’s loading data from PCOM Suite of Solutions article with script

<div class="bonus-page row">
    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-lock"></i></div>
        <h4><a href="index.php?option=com_users&view=login&Itemid=481">Automotive Industry</a></h4>
        <p class="text-intro">Software Solutions for Car Trading, Motor Insurance, Hire Purchase, Car Rental, Workshop, Parallel Import.</p>
        <a class="btn btn-primary" href="index.php?option=com_users&view=login&Itemid=481">Details</a>
    </div>
    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-link"></i></div>
        <h4><a href="index.php/joomla-page/j-page/registration-page">Distribution Industry</a></h4>
        <p class="text-intro">Software Solutions for Spare Parts Trading, Distribution, Warehousing, Kitting, Indent, Consignment, BOM.</p>
        <a class="btn btn-primary" href="index.php/joomla-page/j-page/registration-page">Details</a>
    </div>
    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-globe"></i></div>
        <h4><a href="index.php?option=com_newsfeeds&view=category&id=17&Itemid=486">Food & Beverage Industry</a></h4>
        <p class="text-intro">Software Solutions for Food Catering, Meal Supply, Tingkat Services, Point-of-Sales, Inventory Control.</p>
        <a class="btn btn-primary" href="index.php?option=com_newsfeeds&view=category&id=17&Itemid=486">Details</a>
    </div>

    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-envelope-o"></i></div>
        <h4><a href="index.php?option=com_contact&view=contact&id=9&Itemid=496">Contractual Service Industry</a></h4>
        <p class="text-intro">Software Solutions for Pest Control, Contractual Services, Service Scheduling, Job Costing.</p>
        <a class="btn btn-primary" href="index.php?option=com_contact&view=contact&id=9&Itemid=496">Details</a>
    </div>

    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-wrench"></i></div>
        <h4><a href="index.php?option=com_content&view=article&id=136&Itemid=494">Construction Industry</a></h4>
        <p class="text-intro">Software Solutions for Project Management, Cost and Material, Purchase Requisition, VO, Sub-Contract.</p>
        <a class="btn btn-primary" href="index.php?option=com_content&view=article&id=136&Itemid=494">Details</a>
    </div>

    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-exclamation-triangle"></i></div>
        <h4><a href="index.php?option=com_content&view=article&id=72&Itemid=495">TCM & Western Clinic</a></h4>
        <p class="text-intro">Software Solutions for Traditional Chinese Medicine, Queue Management,, Consultation, Dispensary.</p>
        <a class="btn btn-primary" href="index.php?option=com_content&view=article&id=72&Itemid=495">Details</a>
    </div>

    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-folder-o"></i></div>
        <h4><a href="index.php?option=com_content&view=categories&id=86&Itemid=498">Mobile & Web Applications</a></h4>
        <p class="text-intro">Mobile, Tablet & Web Applications that can be integrated with Back-end ERP Software Solutions.</p>
        <a class="btn btn-primary" href="index.php?option=com_content&view=categories&id=86&Itemid=498">Details</a>
    </div>

    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-folder-open-o"></i></div>
        <h4><a href="index.php?option=com_content&view=category&layout=blog&id=87&Itemid=538">Advanced Integration</a></h4>
        <p class="text-intro">The Back-end ERP Software Solutions can be integrated with Accounting, CRM, HR, Payroll, and e-Filling System.</p>
        <a class="btn btn-primary" href="index.php?option=com_content&view=category&layout=blog&id=87&Itemid=538">Details</a>
    </div>
</div> 

I am not sure where did you get that code above, but you will get the best result with feature page from our demo.

Please look at the screenshot below, you will understand how to config it.

Regards

---

Attachments:

1. 
2. 
3. 

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#858824

Hi,

I am using the same layout as the Joomla Page on the demo site , it is using single article setting on the menu also. Any advise on this ?

Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#863271

I checked on your site and saw all items on that page including in an article and the hover action of CSS style has conflicted.

You should user my guide here and each item is an article.

You will get it with download quickstart JA Nuevo template from here and install it with sample data and get the configuration of Features page.

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#863918

Hi, I am now using the Features page, but how do I insert the icon on the category view as now all is set as question mark.
http://marlin.vodien.com/~pcomdeve/pcom/index.php/solutions/industry-specific/automotive

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#864436

Because the Automotive Industry category does not set to work with extra field but I added it into your site. Now, you can add Article Icon into Article on your site, see the screenshot

---

Attachments:

1. 
2. 

[Author]

Posts