'w-grid-item type_term' ); // Add items appearance animation on loading if ( $load_animation !== 'none' AND ! us_amp() ) { $term_atts['class'] .= ' animate_' . $load_animation; // We need to hide CSS animation before isotope.js initialization if ( $type === 'masonry' AND $columns > 1 ) { $post_atts['class'] .= ' off_autostart'; } // Set "animation-delay" for every doubled amount of columns if ( $columns > 1 ) { global $us_grid_item_counter; $term_atts['style'] = sprintf( 'animation-delay:%ss', 0.1 * $us_grid_item_counter ); // Calcualte columns factor for better population on single screen if ( $columns >= 7 ) { $columns_factor = 4; } elseif ( $columns >= 5 ) { $columns_factor = 3; } else { $columns_factor = 2; } if ( ( $us_grid_item_counter + 1 ) < $columns * $columns_factor ) { $us_grid_item_counter++; } else { $us_grid_item_counter = 0; } } } // Aspect ratio class if ( us_arr_path( $grid_layout_settings, 'default.options.ratio' ) ) { $term_atts['class'] .= ' ratio_' . us_arr_path( $grid_layout_settings, 'default.options.ratio' ); } // Generate background property based on Product category image $background_value = ''; $bg_img_source = us_arr_path( $grid_layout_settings, 'default.options.bg_img_source' ); if ( ( $bg_img_source == 'featured' AND class_exists( 'woocommerce' ) AND $us_grid_term->taxonomy == 'product_cat' ) OR ( function_exists( 'acf_get_field' ) AND $acf_field = acf_get_field( $bg_img_source ) ) ) { if ( $term_thumbnail_id = get_term_meta( $us_grid_term->term_id, 'thumbnail_id', TRUE ) ) { $bg_image = wp_get_attachment_image_url( $term_thumbnail_id, 'full' ); } // Image types from ACF if ( empty( $bg_image ) AND ! empty( $acf_field ) AND $term_meta = get_term_meta( $us_grid_term->term_id, $bg_img_source, TRUE ) ) { $bg_image = wp_get_attachment_image_url( $term_meta, 'full' ); } if ( ! empty( $bg_image ) ) { $background_value .= 'url(' . $bg_image . ') '; $background_value .= us_arr_path( $grid_layout_settings, 'default.options.bg_img_position' ); $background_value .= '/'; $background_value .= us_arr_path( $grid_layout_settings, 'default.options.bg_img_size' ); $background_value .= ' '; $background_value .= us_arr_path( $grid_layout_settings, 'default.options.bg_img_repeat' ); $bg_color = us_arr_path( $grid_layout_settings, 'default.options.color_bg' ); $bg_color = us_get_color( $bg_color, /* Gradient */ TRUE ); // If the color value contains gradient, add comma for correct appearance if ( strpos( $bg_color, 'gradient' ) !== FALSE ) { $background_value .= ','; } $background_value .= ' ' . $bg_color; } } $inline_css = us_prepare_inline_css( array( 'background' => $background_value, ) ); // Generate Overriding Link semantics to the whole grid item $link_url = $link_atts = ''; $link_title = FALSE; if ( $overriding_link == 'post' OR $overriding_link == 'popup_post' ) { $link_url = apply_filters( 'the_permalink', get_term_link( $us_grid_term ) ); $link_atts .= ' rel="bookmark"'; } elseif ( $overriding_link == 'popup_post_image' ) { $tnail_id = get_term_meta( $us_grid_term->term_id, 'thumbnail_id', TRUE ); $link_url = wp_get_attachment_image_url( $tnail_id, 'full' ); if ( $link_url ) { // Use the Caption as a Title $attachment = get_post( $tnail_id ); $img_title = trim( strip_tags( $attachment->post_excerpt ) ); if ( empty( $img_title ) ) { // If not, Use the Alt $img_title = trim( strip_tags( get_post_meta( $attachment->ID, '_wp_attachment_image_alt', TRUE ) ) ); } if ( empty( $img_title ) ) { // If no Alt, use the Term name $img_title = $us_grid_term->name; } $link_atts .= ' ref="magnificPopupGrid" title="' . esc_attr( $img_title ) . '"'; $link_title = TRUE; } } // Add aria-label if "title" attribute is absent for accessibility support if ( ! $link_title ) { $link_atts .= ' aria-label="' . esc_attr( strip_tags( $us_grid_term->name ) ) . '"'; } ob_start(); ?> >

> >