Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • jendahl Friend
    #949738

    This is a really basic question, but I’ve scoured the documentation and forums and cannot figure out how to do this. I’ve set up a portfolio "bonus page" on my Joomla site, using the configuration info I’ve found here. A menu item links to a page, with the appropriate settings, and the page appears just fine. My problem is, I can’t figure out how to actually load pictures into the portfolio. I suspect I could create a series of articles associated to a specific category, and load a single picture into each article. However, I want to use the portfolio as a photo library, to make the resources available online to members of our organization, and we’re talking hundreds of photos; creating individual pages for each photo will require way too much maintenance.

    Is there a way to associate categories to a library of photos so they will display on the portfolio page, or will I have to look for some type of photo-library addon instead?

    Thanks,

    John

    Pankaj Sharma Moderator
    #949744

    Hi
    Bonus page is single article Type menu item .
    Below is the custom html code used for this

    <div class="bonus-page row">
        <div class="col-sm-6 col-lg-3 bn-item">
            <div class="circle-icon border"><i class="fa fa-usd"></i></div>
            <h4><a href="index.php/bonus-pages/service">Service</a></h4>
            <p class="text-intro">Quisque dictum magna eu metus fringilla, in mollis tellus tempor. Aliquam placerat posuere diam.</p>
            <a class="btn btn-primary" href="index.php/bonus-pages/service">Details</a>
        </div>
        <div class="col-sm-6 col-lg-3 bn-item">
            <div class="circle-icon border"><i class="fa fa-briefcase"></i></div>
            <h4><a href="index.php/bonus-pages/portfolio">Portfolio</a></h4>
            <p class="text-intro">Nullam tristique, augue sed pretium interdum, arcu lectus ullamcorper purus placerat</p>
            <a class="btn btn-primary" href="index.php/bonus-pages/portfolio">Details</a>
        </div>
        <div class="col-sm-6 col-lg-3 bn-item">
            <div class="circle-icon border"><i class="fa fa-users"></i></div>
            <h4><a href="index.php/bonus-pages/about">About Us</a></h4>
            <p class="text-intro">Nunc pharetra, diam ac rhoncus accumsan, tortor lacus eleifend lacus, sit amet pulvinar accumsan.</p>
            <a class="btn btn-primary" href="index.php/bonus-pages/about">Details</a>
        </div>
        <div class="col-sm-6 col-lg-3 bn-item">
            <div class="circle-icon border"><i class="fa fa-text-width"></i></div>
            <h4><a href="index.php/bonus-pages/typography">Typography</a></h4>
            <p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
            <a class="btn btn-primary" href="index.php/bonus-pages/typography">Details</a>
        </div>
    </div>

    Kindly set the default editor to NONE from global configurations before editing the article , because editor remove the icon code .

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 1 reply, has 2 voices, and was last updated by  Pankaj Sharma 8 years, 4 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum