Portfolio widget

[teaganm]

@ryanlabelle The widget template file has a working example, but the filter bar isn't taking effect, and there are some extra classes as well. Let's review when possible.

[ryanlabelle]

All fixed. :)

[teaganm]

Alright @adiraomj it's now ready:

Included in the template file is a 4 column example, but they are all almost identical. Just a couple of class changes.

It will probably be helpful to have a look at the existing template for the portfolio - under /westwood/templates/portfolio-standard.php

If the filter bar is checked on, then output the #filters element, otherwise leave it out

For the number of columns - on the “th-portfolio-item” element:

• 2 columns = col-sm-6
• 3 columns = col-md-4 col-sm-6
• 4 columns = col-md-3 col-sm-6
• 5 columns = col-md-2 col-sm-6

And on the #th-portfolio-row element:

• 2 columns = two-columns
• 3 columns = three-columns
• 4 columns = four-columns
• 5 columns = five-columns

Lastly, the wrapper element #th-portfolio-content should have a unique ID, in the existing template it doesn’t but we’ll want that for the widget.

Let me know if you have any questions or comments.

[adiraoco]

What is the Order by - Drag and Drop option supposed to do?

[teaganm]

Currently that ties into a plugin that is included as recommended for our existing themes - Simple Page Ordering: https://wordpress.org/plugins/simple-page-ordering/

It adds the option for users to drag and drop custom post types to change the order. We can continue to use that, or we're open to another solution if you have an idea that would work better

[adiraoco]

That's cool. I just wanted to know how I should build the loop. Thanks. I'll get back to you if I have any problems.

[teaganm]

Sounds good Adi.

[adiraoco]

Hey. I think the fields to select the project icon and add a subheader have not been added yet. Please confirm. Thanks

[adiraoco]

@teaganm / @ryanlabelle please check my update and let me know if there is any problem with the logic of the loop.

[ryanlabelle]

Thanks @adiraomj looking good. A few things that I noticed.

• Filter Bar - filtering does not filter
• Drag and Drop Menu Order does not sort correctly. You'll need the "Simple Page Ordering" plugin to test or manually change the "Order" under Attributes meta box on the proejct edit screen.

https://en-ca.wordpress.org/plugins/simple-page-ordering/

• 5 per row option (lets in 6 per row), needs to max out at 5 per row

I have some logic you might find helpful inside westwood/template/portfolio-standard.php

It has the logic for the filtering and drag and drop order.

Let me know if I can help. Other than that it's looking good. :)

[adiraoco]

Went through westwood/template/portfolio-standard.php. Thanks for that.

@teaganm Can you please have a look at the output of the widget. My code's output for the filter is the same as the HTML you added. However the filter does not seem to work. Can you please have a look and let me know what I am missing. Thanks.

@ryanlabelle I have fixed the issues with the Drag and Drop, and row options. Please have a look. Thanks.

Refer: https://github.com/ryanlabelle/themovation-so-widgets-bundle/tree/portfolio