Portfolio grid

Hi,

Thanks for the update.

Yes, this is possible but you have to modify the config-templatebuilder > aviashortcodes > portfolio > portfolio.php file directly. Add this code right before line 668:

$categories = get_the_terms($the_id, 'portfolio_entries');
					$separator = ', ';
					$count = count($categories);
					$i = 0;
					$output_cat = "<div class'portfolio-categories'>";
					if ( ! empty( $categories ) ) {
						foreach( $categories as $category ) {
							if($i++ === $count) {
								$separator = '';
							}
							$output_cat .= '<span alt="' . esc_attr( sprintf( __( 'View all posts in %s', 'textdomain' ), $category->name ) ) . '">' . esc_html( $category->name ) . '</span>' . $separator;
						}
					}
					$output_cat .= "</div>";

					$output .= $cat;

Best regards,
Ismael

Hi,

It’s working on my installation. Did you copy it from your email? Please copy it directly from this forum. Let us know if it’s still not working.

Best regards,
Ismael

Hi,

I think you forgot to include the screenshot. Please post the login details in the private field. Make sure that the Appearance > Editor panel is accessible so that we can test the modification.

Best regards,
Ismael

Hi,

Thanks for the update. Are you trying to override the shortcode in your child theme? You have to add this filter first.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

Create a folder called “shortcodes” and then create a copy of the “portfolio” files there. You don’t need to copy the whole “config-templatebuilder” directory.

Best regards,
Ismael

Hi,

Ok. Let’s start from scratch. In order to override a shortcode in your child theme, you have to put this filter first.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

After adding that filter, create a folder called “shortcodes”, copy the “portfolio” shortcode files inside, the whole directory, and then add the modification there. Let us know if it’s still confusing.

Or post the FTP details in the private field so that we can add the modification.

Best regards,
Ismael

Hi,

I added the modification but it’s only displaying a single category called “Aktiviter”. Are there any other categories?

Screenshot: https://imgur.com/a/X8ah4b9

Best regards,
Ismael

Hi,

I modified the code a bit to separate the sub categories from their parent category. If you want to change the style of the categories, use this:

.grid-entry-categories {
    font-size: 16px;
    color: orange;
}
/* child categories */
.grid-entry-categories .child {
     font-size: 15px;
     color: red;
}

Best regards,
Ismael