Jump to content

Portfolio Template


MateThemes
 Share

Recommended Posts

Hello everyone!

I am working with Processwire since some time. But some topics are quite hard for me.

I have a Portfolio (Gallery) Page.

I am build a template with Portfolio Index and pages with portfolio entries.

Structure:

Portfolio Index
-- Portfolio Entry
-- Portfolio Entry

and so on.

Portfolio Entry has an Image field with max 12 images and are accessible Templates. 

Now I want to display the single Portfolio Entry on the Portfolio Index and Paginate them. In the index page all images of a single Entry page should be displayed (I should not be organized as albums, where a random image of the portfolio entry should be displayed). 

I have no clue to achieve this. May someone could give me an advice.

Thank you in advance!

Link to comment
Share on other sites

Hi @MateThemes

I think below is what you mean? This is for the portfolio-index.php.

Pagination is a bit more involved. You could use the inbuilt pager https://processwire.com/docs/front-end/markup-pager-nav/

<?php namespace Processwire;

$entries = $page->children();

foreach ($entries as $entry) {

	echo "<p>{$entry->title}</p>";

	foreach ($entry->images as $image) {

		$imgUrl = $image->width(600)->url;
		echo '<img src="' . $imgUrl '">';

	}
}

 

Link to comment
Share on other sites

On 2/15/2020 at 11:36 AM, Mikie said:

Hi @MateThemes

I think below is what you mean? This is for the portfolio-index.php.

Pagination is a bit more involved. You could use the inbuilt pager https://processwire.com/docs/front-end/markup-pager-nav/


<?php namespace Processwire;

$entries = $page->children();

foreach ($entries as $entry) {

	echo "<p>{$entry->title}</p>";

	foreach ($entry->images as $image) {

		$imgUrl = $image->width(600)->url;
		echo '<img src="' . $imgUrl '">';

	}
}

 

Hello!

Thank you for your help, that gives me a starting point!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Saleena Jhon
      Hello There, I have saw a post that was covering event-calendar with php, ajax and js. That was showing a monthly overview when I click on a "month" button or when I switch the month. And show the events on one particular date when I pick a day. Also, most events are kind of exhibitions and so they have a start date and an end date much later, and occur on each day in-between as well. So on the template I put two date picking fileds date_start and date_end. Is there an elegant way to select the events using the API? If yes, kindly help me out.
      Thanks in Advance
      Regards: 
       
    • By opalepatrick
      I am working on my first Process Module. I am creating forms. Fairly straightforward. However, I really can't work out how to create multiple fieldsets?
      $fieldset = $this->modules->get('InputfieldFieldset'); $fieldset->label = 'Customer Source'; $field = $this->modules->get('InputfieldPage'); $field->inputfield = 'InputfieldSelect'; $field->findPagesSelector = 'parent_id=1449, include=hidden'; $field->labelFieldName = 'yff-lead'; $field->name = 'yfflead'; $field->columnWidth = 16; $fieldset->add($field); $field = $this->modules->get('InputfieldPage'); $field->inputfield = 'InputfieldSelect'; $field->findPagesSelector = 'parent_id=1452, include=hidden'; $field->labelFieldName = 'customer-type'; $field->name = 'customertype'; $field->columnWidth = 16; $fieldset->add($field); //Rinse and Repeat $fieldset->label = 'Contacts'; $field = $this->modules->get('InputfieldPage'); $field->inputfield = 'InputfieldSelect'; $field->findPagesSelector = 'parent_id=1538, include=hidden'; $field->labelFieldName = 'salutation'; $field->name = 'salutation'; $field->columnWidth = 16; $fieldset->add($field); I can create the first fieldset (Customer Source) but then get into trouble as the second fieldset overwrites the first. I understand why, but trying to use the open and close fieldset routine has flummoxed me. Any help appreciated.
    • By AndZyk
      A small website for the Black Forest based filmmaker Markus Ketterer. You can discover his portfolio or get more informations about him by clicking the logo. Each film page can contain two film stills and two behind the scenes pictures. The transitions between the pages were made with Barba.js (thanks to @LostKobrakai for mentioning it).
      www.luchs.digital
      Modules used:
      ProCache ColorPicker Markup Sitemap XML Tracy Debugger Regards, Andreas
      Update: This website doesn't use ProcessWire anymore.
    • By VeiJari
      Hello forum, we're trying to use Processwire as our REST-API. We are having problems with our API login to Processwire from frontend. It gives us 403 error.
      We have installed ProcessWire to subdirectory (/api/*) and our frontend is static JS files at root ( / ). Apache access logs gives 404 to our POST-request, but browser devtools shows 403 for our POST /api/login request. 
      Processwire backend panel works. We also have a GET endpoint for the API that returns 200 with correct payload.  So we're wondering why does our GET works but POST doesn't?
      Does this have something to do with Processwire .htaccess, or is this because of our webhost? What should we check first? Any help would be appreciated.
    • By rjgamer
      Hi,
      is there a hook after the current (active) page got created? Or which method got called in the Page class after the Constructor of the current page got initialized?
      Thanks.
       
×
×
  • Create New...