I can't figure out how to write a ternary operator for the ending of this line (i.e. "location" and "description"). I've defined the $location and $description variables but I'm getting an error that says unexpected $location variable.
Basically, for both location and description, I'm trying to say: If the field has been filled out, display the field. If not, don't print anything.
$content .= '<div data-order="' . $count . '" data-group="' . $group . '"><div class="img-wrap"><img data-iwidth="'.$isize[0].'" data-iheight="' . $isize[1] . '" class="myslide" data-lazy="' . get_template_directory_uri() . '/img/slides/' . strtolower($group) . '/' . $image_url . '" alt="' . get_sub_field('title') . '"><div class="slide-caption"><strong>' . get_sub_field('title') . '</strong><hr>' . get_sub_field('location') ? '<em>'$location'</em>' : ''; . get_sub_field('description') ? '<hr><span class="details">Details [+]</span><div class="details-display">'$description'</div>' : ''; . '</div></div></div>';
Here is the full context:
if( have_rows('slides', $frontpage_id) ):
while ( have_rows('slides', $frontpage_id) ) :
the_row();
$group = get_sub_field('group');
$count = 1;
$i = 0;
$nav .= '<ul id="nav_'.$group.'" style="display: none;">';
$content .= '<div class="image-data-container image-container-'. $group .'">';
while( have_rows('images') ) : the_row(); $count++;
$image_url = get_sub_field('image');
$location = get_sub_field('location');
$description = get_sub_field('description');
$isize = #getimagesize(get_template_directory_uri() . '/img/slides/' . strtolower($group) . '/' . $image_url);
$content .= '<div data-order="' . $count . '" data-group="' . $group . '"><div class="img-wrap"><img data-iwidth="'.$isize[0].'" data-iheight="' . $isize[1] . '" class="myslide" data-lazy="' . get_template_directory_uri() . '/img/slides/' . strtolower($group) . '/' . $image_url . '" alt="' . get_sub_field('title') . '"><div class="slide-caption"><strong>' . get_sub_field('title') . '</strong><hr>' . get_sub_field('location') ? '<em>'$location'</em>' : ''; . get_sub_field('description') ? '<hr><span class="details">Details [+]</span><div class="details-display">'$description'</div>' : ''; . '</div></div></div>';
$nav .= '<li >' . get_sub_field('title') . '</li>';
$i++;
endwhile;
$content .= '</div>';
$nav .= '</ul>';
endwhile;
endif;
?>
Other the fact that your $content variable is a formatting nightmare. The ternary operator syntax returns result based on the condition and it should be separated from your $content attribute
$someVariable = (get_sub_field('location')) ? '<em>'.$location.'</em>' : '';
Now use that some variable inside your $content variable instead
Here is your code with comments:
while( have_rows('images') ) : the_row(); $count++;
$image_url = get_sub_field('image');
// you have already defined the location variable here
// It also means and I am assuming they your get_sub_field is returning a string
// If you are receiving a boolean or null value than and than only than you can do your ternary condition call of
// get_sub_field('location') ? '<em>'$location'</em>' : ''
// and if you are receiving a string field then you will have to explicitly check the condition
// something like this (get_sub_field('location') === '') ? '<em>'$location'</em>' : ''
// I am not that familiar with wordpress framework or the ACF plugin but it looks like get_sub_field will return something so you actually wont need the ternary condition
$location = get_sub_field('location');
// Similar case with description
$description = get_sub_field('description');
$isize = #getimagesize(get_template_directory_uri() . '/img/slides/' . strtolower($group) . '/' . $image_url);
// After removing the ternary condition your content variable will look like this
$content .= '<div data-order="' . $count . '" data-group="' . $group . '"><div class="img-wrap"><img data-iwidth="'.$isize[0].'" data-iheight="' . $isize[1] . '" class="myslide" data-lazy="' . get_template_directory_uri() . '/img/slides/' . strtolower($group) . '/' . $image_url . '" alt="' . get_sub_field('title') . '"><div class="slide-caption"><strong>' . get_sub_field('title') . '</strong><hr>' . '<em>' . $location . '</em>' . '<hr><span class="details">Details [+]</span><div class="details-display">' . $description . '</div>' . '</div></div></div>';
$nav .= '<li >' . get_sub_field('title') . '</li>';
$i++;
endwhile;
You know you can always make it more readable
// You know instead of all the concatenation you can do this instead
$templateDirURI = get_template_directory_uri();
$groupLower = strtolower($group);
$title = get_sub_field('title');
$content .= "<div data-order='{$count}' data-group='{$group}'><div class='img-wrap'><img data-iwidth='{$isize[0]}' data-iheight='{$isize[1]}' class='myslide' data-lazy='{$templateDirURI}/img/slides/{$groupLower}/{$image_url}' alt='{$title}'><div class='slide-caption'><strong>{$title}</strong><hr><em>{$location}</em><hr><span class='details'>Details [+]</span><div class='details-display'>{$description}</div></div></div></div>";
Updated Code
$content .= "<div data-order='{$count}' data-group='{$group}'><div class='img-wrap'><img data-iwidth='{$isize[0]}' data-iheight='{$isize[1]}' class='myslide' data-lazy='{$templateDirURI}/img/slides/{$groupLower}/{$image_url}' alt='{$title}'><div class='slide-caption'><strong>{$title}</strong>";
// Assuming the user did not submit location information
if($location !== "")
$content .= "<hr><em>{$location}</em><hr>";
if($description !== "")
$content .= "<span class='details'>Details [+]</span><div class='details-display'>{$description}</div>";
$content .= "</div></div></div>";
Related
I have a problem. I use a filter with thumbnails. At least this filter does not include get category thumbnail and you have to upload all thumbnails manually into the filter which is not a good solution.
What I try to do is to get the thumbnail automatically from the category thumbnail. So far I have a code which adds a thumbnail from the current query which is also not a good solution. I need to get the thumbnail for each category separately.
This code works with current query and display the same image for all categories from the current opened category. Do you have any idea how could I get thumbnail for each category separately?
if ( is_product_category() ){
global $wp_query;
// get the query object
$cat = $wp_query->get_queried_object();
// get the thumbnail id using the queried category term_id
$thumbnail_id = get_term_meta( $cat->term_id, 'thumbnail_id', true );
// get the image URL
$image = wp_get_attachment_url( $thumbnail_id );
return '<span class="prdctfltr_customize_block prdctfltr_customize"><span class="prdctfltr_customize_image"><img src="' . $image . '" alt="' . $cat->name . '"/></span>' . ( $cnt !== false ? ' <span class="prdctfltr_customize_count">' . absint( $cnt ) . '</span>' : '' ) . ( $tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post( $tip ) . '</span></span>' : '' ) . ( $checked !== '' ? '<input type="checkbox" value="' . esc_attr( $term_slug ) . '"' . esc_html( $checked ) . '/>' : '' ) . '<span class="prdctfltr_customization_search">' . esc_html( $term_name ) . '</span>' . wp_kses_post( $sublevel ) . '</span>';
}
Thank you in advance.
UPDATE
PHP CODE
Note: The following snippet has been fully tested on wordpress 5.8 and woocommerce 5.2 and it works for the default woocommerce product categories. If you're trying to use it in third party plugins, you may encounter some discrepancies. Therefore, feel free to customize it as you see fit!
If i understood you correctly, you need all of your product categories thumbnails.
You could get the all of your products categories by using get_terms. Then use a foreach loop to output your thumbnails. Like so:
$args = array(
'taxonomy' => 'product_cat',
'hide_empty' => false,
);
$terms = get_terms($args);
foreach ($terms as $product_cat) {
$thumbnail_id = get_woocommerce_term_meta($product_cat->term_id, 'thumbnail_id', true);
$image = wp_get_attachment_url($thumbnail_id);
echo "<img src='" . $image . "'>";
}
This section is related to the plugin used in the question!
UPDATE
Like i said in the comments, the php file that you provided is one giant file with "4634" lines of "spaghetti" code with multiple references to other external files. However, on line 1957, there is a function that seems what we're interested in, and called "get_customized_term_700" and takes in $term_id, $term_slug, $term_name, $cnt, $checked and $sublevel.
In the same function, there is also a switch case statement. One of the case conditions checks for image. If there is a filter, it'll output the categories. So we'll use it to output the image.
So go ahead and REPLACE the entire function called "get_customized_term_700" on line 1957 with the following function.
Note:
This has not been tested, since i don't have access to the plugin, this has been purely written based on the logic in the php file. Hope it helps you!
public static function get_customized_term_700($term_id, $term_slug, $term_name, $cnt, $checked = '', $sublevel = '')
{
if (!empty($term_id)) {
$data = array(
'tooltip' => '',
'data' => '',
);
if (!empty(self::$filter['style']['terms'])) {
$key = self::__find_customized_term($term_id, self::$filter['style']['terms']);
if ($key !== false) {
$data = array_merge(array(
'tooltip' => '',
'data' => '',
), self::$filter['style']['terms'][$key]);
}
}
} else {
$data = array(
'value' => '',
'title' => self::__get_none_string(),
'tooltip' => self::__get_none_tooltip_string(),
'data' => self::__get_customized_term_none(self::$filter['style']['style']['type']),
);
}
if (!empty($data['title'])) {
$term_name = $data['title'];
}
$tip = empty($data['tooltip']) ? false : $data['tooltip'];
switch (self::$filter['style']['style']['type']) {
case 'text':
return '<span class="prdctfltr_customize_' . esc_attr(self::$filter['style']['style']['css']) . ' prdctfltr_customize"><span class="prdctfltr_customize_name">' . esc_html($term_name) . '</span>' . ($cnt !== false ? ' <span class="prdctfltr_customize_count">' . absint($cnt) . '</span>' : '') . ($tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post($tip) . '</span></span>' : '') . ($checked !== '' ? '<input type="checkbox" value="' . esc_attr($term_slug) . '"' . esc_html($checked) . '/>' : '') . wp_kses_post($sublevel) . '</span>';
break;
case 'color':
if (!empty(self::$filter['style']['label']) && self::$filter['style']['label'] == 'side') {
return '<span class="prdctfltr_customize_block prdctfltr_customize"' . (!empty(self::$filter['style']['size']) ? sprintf(' style="line-height:%1$spx;', absint(self::$filter['style']['size'])) : '') . '><span class="prdctfltr_customize_color_text"><span style="background-color:' . Prdctfltr()->esc_color($data['data']) . ';' . (!empty(self::$filter['style']['size']) ? sprintf('width:%1$spx;height:%1$spx;', absint(self::$filter['style']['size'])) : '') . '"></span></span>' . ($tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post($tip) . '</span></span>' : '') . ($checked !== '' ? '<input type="checkbox" value="' . esc_attr($term_slug) . '"' . esc_html($checked) . '/>' : '') . '<span class="prdctfltr_customization_search">' . esc_html($term_name) . '</span><span class="prdctfltr_customize_color_text_tip">' . esc_html($term_name) . '</span>' . ($cnt !== false ? ' <span class="prdctfltr_count">' . absint($cnt) . '</span>' : '') . wp_kses_post($sublevel) . '</span>';
} else {
return '<span class="prdctfltr_customize_block prdctfltr_customize"><span class="prdctfltr_customize_color" style="background-color:' . Prdctfltr()->esc_color($data['data']) . ';' . (!empty(self::$filter['style']['size']) ? sprintf('width:%1$spx;height:%1$spx;', absint(self::$filter['style']['size'])) : '') . '"></span>' . ($cnt !== false ? ' <span class="prdctfltr_customize_count">' . absint($cnt) . '</span>' : '') . ($tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post($tip) . '</span></span>' : '') . ($checked !== '' ? '<input type="checkbox" value="' . esc_attr($term_slug) . '"' . esc_html($checked) . '/>' : '') . '<span class="prdctfltr_customization_search">' . esc_html($term_name) . '</span>' . wp_kses_post($sublevel) . '</span>';
}
break;
case 'image':
if (!empty(self::$filter['style']['label']) && self::$filter['style']['label'] == 'side') {
$args = array(
'taxonomy' => 'product_cat',
'hide_empty' => false,
);
$output = '';
$terms = get_terms($args);
foreach ($terms as $product_cat) {
$thumbnail_id = get_woocommerce_term_meta($product_cat->term_id, 'thumbnail_id', true);
$image = wp_get_attachment_url($thumbnail_id);
$output .= '<span class="prdctfltr_customize_block prdctfltr_customize"' . (!empty(self::$filter['style']['size']) ? sprintf(' style="line-height:%1$spx;"', absint(self::$filter['style']['size'])) : '') . '><span class="prdctfltr_customize_image_text"><img src="' . $image . '"/></span>' . ($tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post($tip) . '</span></span>' : '') . ($checked !== '' ? '<input type="checkbox" value="' . esc_attr($product_cat->slug) . '"' . esc_html($checked) . '/>' : '') . '<span class="prdctfltr_customization_search">' . esc_html($product_cat->name) . '</span><span class="prdctfltr_customize_image_text_tip">' . esc_html($product_cat->name) . '</span>' . ($cnt !== false ? ' <span class="prdctfltr_count">' . absint($cnt) . '</span>' : '') . wp_kses_post($sublevel) . '</span>';
}
return $output;
}
break;
case 'select':
return '<span class="prdctfltr_customize_select prdctfltr_customize">' . ($checked !== '' ? '<input type="checkbox" value="' . esc_attr($term_slug) . '"' . esc_html($checked) . '/>' : '') . '<span class="prdctfltr_customize_name">' . esc_html($term_name) . '</span>' . ($cnt !== false ? ' <span class="prdctfltr_customize_count">' . absint($cnt) . '</span>' : '') . wp_kses_post($sublevel) . '</span>' . ($tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post($tip) . '</span></span>' : '');
break;
case 'html':
if (!empty($data['data'])) {
return wp_kses_post(stripslashes($data['data'])) . '<span class="prdctfltr_customization_search">' . esc_html($term_name) . '</span>' . ($tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post($tip) . '</span>' . wp_kses_post($sublevel) . '</span>' : '');
} else {
return esc_html($term_name);
}
break;
default:
return '';
break;
}
}
I'm trying to add style, depending on whether the checkbox is clicked. This code is missing "id" and "for" for input and label (line 11). Logical decision to add generation of numbers. How to do it correctly?
foreach ($choices as $choice) {
$attr = '';
$key_val = explode("|", $choice);
/* It has to be two items ( Value => Label ), otherwise don't proceed */
if (count($key_val) == 2) {
if (in_array(trim($key_val[0]), $defaults)) {
$attr = 'checked';
}
/* For admin field, we don't need <li></li> wrapper */
$html .= (($_ptype != "wccaf") ? '<li>' : '') . '<input type="checkbox" data-has_field_rules="'.$has_field_rules.'" data-is_pricing_rules="'.$_is_pricing_rules.'" class="' . $_ptype . '-field ' . $_class . '" name="' . esc_attr($_meta["name"] . $_index) . '[]" value="' . esc_attr(trim($key_val[0])) . '" ' . $attr . ' ' . $_ptype . '-type="checkbox" ' . $_ptype . '-pattern="mandatory" ' . $_ptype . '-mandatory="' . $_meta["required"] . '" ' . $_readonly . ' /><label class="wcff-option-wrapper-label">' . esc_attr(trim($key_val[1])) . '</label>' . (($_ptype != "wccaf") ? '</li>' : '');
}
}
Updated
Try the following (untested), that will add a for attribute + value to the <label> and an id attribute + value to the <input>:
foreach ($choices as $choice) {
$attr = '';
$key_val = explode("|", $choice);
/* It has to be two items ( Value => Label ), otherwise don't proceed */
if (count($key_val) == 2) {
if (in_array(trim($key_val[0]), $defaults)) {
$attr = 'checked';
}
$sprintf = sprintf( '<input type="checkbox" %s %s %s %s %s %s %s /><label %s class="wcff-option-wrapper-label">%s</label>',
'id="' . esc_attr($_meta["name"] . $_index) . '"',
'data-has_field_rules="'.$has_field_rules.'"',
'data-is_pricing_rules="'.$_is_pricing_rules.'"',
'class="' . $_ptype . '-field ' . $_class . '"',
'name="' . esc_attr($_meta["name"] . $_index) . '[]"',
'value="' . esc_attr(trim($key_val[0])) . '"',
$attr . ' ' . $_ptype . '-type="checkbox" ' . $_ptype . '-pattern="mandatory' . $_meta["required"] . '" ' . $_readonly,
'for="' . esc_attr($_meta["name"] . $_index) . '"',
esc_attr(trim($key_val[1]) ) );
$html .= $_ptype != "wccaf" ? '<li>'.$sprintf.'</li>' : $sprintf;
}
}
I have embedded the code in a sprintf() function to make it more readable, functional and easy to tune.
Im trying to put a conditional into a function. this is the original code
function do_meta_box( $meta_field_def, $key = '' ) {
$content = '';
$esc_form_key = esc_attr( self::$form_prefix . $key );
$post = $this->get_metabox_post();
$meta_value = self::get_value( $key, $post->ID );
// other stuff
$content .= '<input type="text"' . $placeholder . ' id="' . $esc_form_key . '" ' . $ac . 'name="' . $esc_form_key . '" value="' . esc_attr( $meta_value ) . '" class="large-text' . $class . '"/><br />';
// other sutff
}
Now i'm trying to put a conditional where the value is.
$my_custom_title = get_the_title() . ' My Custom Stuff';
if ( $post->post_type == 'post' ) { echo esc_attr( $my_custom_title ); } else { echo esc_attr( $meta_value ); };
Exactly right here: value="' . esc_attr( $meta_value ) . '"
Thanks in advance.
You can assign it to a variable...
$value = $post->post_type == 'post' ? esc_attr( $post->title ) : esc_attr( $meta_value );
$content .= '<input type="text"' . $placeholder . ' id="' . $esc_form_key . '" ' . $ac . 'name="' . $esc_form_key . '" value="' . $value . '" class="large-text' . $class . '"/><br />';
I am trying to also display the category of a related post, below one article.
I am using Newsmag theme.
The code that builds my related posts is this:
class td_module {
var $post;
var $title_attribute;
var $title;
var $href;
var $td_review; //review meta
var $category;
//constructor
function __construct($post) {
//this filter is used by td_unique_posts.php - to add unique posts to the array for the datasource
apply_filters("td_wp_boost_new_module", $post);
$this->post = $post;
$this->title = get_the_title($post->ID);
$this->title_attribute = esc_attr(strip_tags($this->title));
$this->href = esc_url(get_permalink($post->ID));
$this->category = '';
if (has_post_thumbnail($this->post->ID)) {
$this->post_has_thumb = true;
} else {
$this->post_has_thumb = false;
}
//get the review metadata
$this->td_review = get_post_meta($this->post->ID, 'td_review', true);
}
and the part that displays the related articles is this:
$buffy .= '<div class="td-module-thumb">';
if (current_user_can('edit_posts')) {
$buffy .= '<a class="td-admin-edit" href="' . get_edit_post_link($this->post->ID) . '">edit</a>';
}
$buffy .='<a href="' . $this->href . '" rel="bookmark" title="' . $this->title_attribute . '">';
$buffy .= '<img width="' . $td_temp_image_url[1] . '" height="' . $td_temp_image_url[2] . '" itemprop="image" class="entry-thumb" src="' . $td_temp_image_url[0] . '" ' . $attachment_alt . $attachment_title . '/>';
$buffy .= '<span class="td-module-thumb-category">'.$this->category.'</span>';
....................................
$this->category was added by me. I am trying to get the data from wp_terms table and display the categories of each of the related posts.
I am new to WordPress(actually, this is the first time I touch WordPress code).
Thank you
This should work with your existing code:
$buffy .= '<div class="td-module-thumb">';
$related_category = get_the_category($this->post->ID);
if (current_user_can('edit_posts')) {
$buffy .= '<a class="td-admin-edit" href="' . get_edit_post_link($this->post->ID) . '">edit</a>';
}
$buffy .='<a href="' . $this->href . '" rel="bookmark" title="' . $this->title_attribute . '">';
$buffy .= '<img width="' . $td_temp_image_url[1] . '" height="' . $td_temp_image_url[2] . '" itemprop="image" class="entry-thumb" src="' . $td_temp_image_url[0] . '" ' . $attachment_alt . $attachment_title . '/>';
$buffy .= '<span class="td-module-thumb-category">'.$related_category[0]->cat_name.'</span>';
Or if you need the category to be a link use:
$buffy .= '<div class="td-module-thumb">';
$related_category = get_the_category($this->post->ID);
if (current_user_can('edit_posts')) {
$buffy .= '<a class="td-admin-edit" href="' . get_edit_post_link($this->post->ID) . '">edit</a>';
}
$buffy .='<a href="' . $this->href . '" rel="bookmark" title="' . $this->title_attribute . '">';
$buffy .= '<img width="' . $td_temp_image_url[1] . '" height="' . $td_temp_image_url[2] . '" itemprop="image" class="entry-thumb" src="' . $td_temp_image_url[0] . '" ' . $attachment_alt . $attachment_title . '/>';
$buffy .= '<span class="td-module-thumb-category">'.$related_category[0]->cat_name.'</span>';
You will probably want to move $related_category = get_the_category($this->post->ID); to where you have $this->category = ''; in your first pasted code segment
I'm trying to extend a function of a WordPress plugin to accept another parameter but I'm having problems figuring out the output. The plugin I'm talking about is NextGen Gallery and I'm trying to make it to show a slideshow of images with descriptions.
The code I'm using to show the slideshow on my theme file is this:
<?php echo nggShow_JS_Slideshow(1,906,358,'caption'); ?>
Below is the complete function:
function nggShow_JS_Slideshow($galleryID, $width, $height, $template = '', $class = 'ngg-slideshow') {
global $slideCounter;
$ngg_options = nggGallery::get_option('ngg_options');
// we need to know the current page id
$current_page = (get_the_ID() == false) ? rand(5, 15) : get_the_ID();
// look for a other slideshow instance
if ( !isset($slideCounter) ) $slideCounter = 1;
// create unique anchor
$anchor = 'ngg-slideshow-' . $galleryID . '-' . $current_page . '-' . $slideCounter++;
if (empty($width) ) $width = (int) $ngg_options['irWidth'];
if (empty($height)) $height = (int) $ngg_options['irHeight'];
//filter to resize images for mobile browser
list($width, $height) = apply_filters('ngg_slideshow_size', array( $width, $height ) );
$width = (int) $width;
$height = (int) $height;
$out = '<div id="' . $anchor . '" class="' . $class . '" style="height:' . $height . 'px;width:' . $width . 'px;">';
$out .= "\n". '<div id="' . $anchor . '-loader" class="ngg-slideshow-loader" style="height:' . $height . 'px;width:' . $width . 'px;">';
$out .= "\n". '<img src="'. NGGALLERY_URLPATH . 'images/loader.gif" alt="" />';
$out .= "\n". '</div>';
$out .= '</div>'."\n";
$out .= "\n".'<script type="text/javascript" defer="defer">';
$out .= "\n" . 'jQuery(document).ready(function(){ ' . "\n" . 'jQuery("#' . $anchor . '").nggSlideshow( {' .
'id: ' . $galleryID . ',' .
'fx:"' . $ngg_options['slideFx'] . '",' .
'width:' . $width . ',' .
'height:' . $height . ',' .
'template:' . $template . ',' .
'domain: "' . trailingslashit ( home_url() ) . '",' .
'timeout:' . $ngg_options['irRotatetime'] * 1000 .
'});' . "\n" . '});';
$out .= "\n".'</script>';
return $out;
}
The problem is the 'template' parameter that I've added to the function. It doesn't work for some reason - the slideshow keeps loading forever. You can see the full nggfunctions.php file here. And the website were you can see this live is this. I also should mention that PHP is not one of my strong points.
Later edit: isn't there a way to add the description of each image directly in the function and not pass it through the 'template' parameter?