I broke Projects


#1

Hey Vlad,

Sorry, I’ve broken Projects after tinkering with the editor. I know I should have backed up - typical. I was just trying to stop the link button on the project images from linking to anything as the gallery magnifying glass does all I need Projects section to do. I’m just using it as a nice gallery. I figured I could just delete that bit from the code but now I have a syntax error (it says line 126). I still have access to the editor for Projects but nothing else (dashboard etc.) is working. Can you please copy and paste the Projects code so I can copy it back in? Without the image URL link would be ideal but if not, don’t worry. I did paste a version in notepad but not sure if it’s changed some characters as it’s not working when I put it back in.

Much appreciated!


#2

Ps, this is the copy I have. The error is unexpected endwhile.

<?php

class Moesia_Projects extends WP_Widget {

// constructor
function moesia_projects() {
$widget_ops = array(‘classname’ => ‘moesia_projects_widget’, ‘description’ => __( ‘Show your most intresting projects.’, ‘moesia’) );
parent::WP_Widget(false, $name = __(‘Moesia FP: Projects’, ‘moesia’), $widget_ops);
$this->alt_option_name = ‘moesia_projects_widget’;
add_action( ‘save_post’, array($this, ‘flush_widget_cache’) );
add_action( ‘deleted_post’, array($this, ‘flush_widget_cache’) );
add_action( ‘switch_theme’, array($this, ‘flush_widget_cache’) );
}
// widget form creation
function form($instance) {

// Check values
$title = isset( $instance[‘title’] ) ? esc_attr( $instance[‘title’] ) : ‘’;
$category = isset( $instance['category '] ) ? esc_attr( $instance['category '] ) : ‘’;
$image_uri = isset( $instance[‘image_uri’] ) ? esc_url_raw( $instance[‘image_uri’] ) : ‘’;
?>

<p><?php _e(‘In order to display this widget, you must first add some projects from the dashboard. Add as many as you want and the theme will automatically display them all.’, ‘moesia’); ?></p>
<p>
<label for="<?php echo $this->get_field_id(‘title’); ?>"><?php _e(‘Title’, ‘moesia’); ?></label>
<input class=“widefat” id="<?php echo $this->get_field_id(‘title’); ?>" name="<?php echo $this->get_field_name(‘title’); ?>" type=“text” value="<?php echo $title; ?>" />
</p>
<p><label for="<?php echo $this->get_field_id( ‘category’ ); ?>"><?php _e( ‘Enter the slug for your category or leave empty to show all projects.’, ‘moesia’ ); ?></label>
<input class=“widefat” id="<?php echo $this->get_field_id( ‘category’ ); ?>" name="<?php echo $this->get_field_name( ‘category’ ); ?>" type=“text” value="<?php echo $category; ?>" size=“3” /></p>

&lt;?php
    if ( $image_uri != '' ) :
       echo '&lt;p&gt;<img src="' . $image_uri . '" />&lt;/p&gt;';
    endif;
?&gt;
&lt;p&gt;&lt;label for="&lt;?php echo $this-&gt;get_field_id('image_uri'); ?&gt;"&gt;&lt;?php _e('[DEPRECATED - Go to Edit Row &gt; Theme &gt; Background image] Upload an image for the background if you want. It will get a parallax effect.', 'moesia'); ?&gt;&lt;/label&gt;&lt;/p&gt; 
&lt;p&gt;&lt;input type="button" class="button button-primary custom_media_button" id="custom_media_button" name="&lt;?php echo $this-&gt;get_field_name('image_uri'); ?&gt;" value="Upload Image" style="margin-top:5px;" /&gt;&lt;/p&gt;

<p><input class=“widefat custom_media_url” id="<?php echo $this->get_field_id( ‘image_uri’ ); ?>" name="<?php echo $this->get_field_name( ‘image_uri’ ); ?>" type=“text” value="<?php echo $image_uri; ?>" size=“3” /></p>
<?php
}

// update widget
function update($new_instance, $old_instance) {
$instance = $old_instance;
$instance[‘title’] = strip_tags($new_instance[‘title’]);
$instance[‘image_uri’] = esc_url_raw( $new_instance[‘image_uri’] );
$instance[‘category’] = strip_tags($new_instance[‘category’]);
$this->flush_widget_cache();

$alloptions = wp_cache_get( ‘alloptions’, ‘options’ );
if ( isset($alloptions[‘moesia_projects’]) )
delete_option(‘moesia_projects’);

return $instance;
}
function flush_widget_cache() {
wp_cache_delete(‘moesia_projects’, ‘widget’);
}
// display widget
function widget($args, $instance) {
$cache = array();
if ( ! $this->is_preview() ) {
$cache = wp_cache_get( ‘moesia_projects’, ‘widget’ );
}

if ( ! is_array( $cache ) ) {
$cache = array();
}

if ( ! isset( $args[‘widget_id’] ) ) {
$args[‘widget_id’] = $this->id;
}

if ( isset( $cache[ $args[‘widget_id’] ] ) ) {
echo $cache[ $args[‘widget_id’] ];
return;
}

ob_start();
extract($args);

$title = ( ! empty( $instance[‘title’] ) ) ? $instance[‘title’] : __( ‘Gallery’, ‘moesia’ );

/** This filter is documented in wp-includes/default-widgets.php */
$title = apply_filters( ‘widget_title’, $title, $instance, $this->id_base );
$image_uri = isset( $instance[‘image_uri’] ) ? esc_url($instance[‘image_uri’]) : ‘’;
$category = isset( $instance[‘category’] ) ? esc_attr($instance[‘category’]) : ‘’;

/**

  • Filter the arguments for the Recent Posts widget.
  • @since 3.4.0
  • @see WP_Query::get_posts()
  • @param array $args An array of arguments used to retrieve the recent posts.
    */
    $r = new WP_Query( apply_filters( ‘widget_posts_args’, array(
    ‘no_found_rows’ => true,
    ‘post_status’ => ‘publish’,
    ‘post_type’ => ‘projects’,
    ‘posts_per_page’ => -1,
    ‘category_name’ => $category
    ) ) );

if ($r->have_posts()) :
?>
<section id=“projects” class=“projects-area”>
<div class=“container”>
<?php if ( $title ) echo $before_title . ‘<span class=“wow bounce”>’ . $title . ‘</span>’ . $after_title; ?>
<?php $c = 1; ?>
<?php while ( $r->have_posts() ) : $r->the_post(); ?>
<?php $project_url = get_post_meta( get_the_ID(), ‘wpcf-project-link’, true ); //Get the custom URL for this project ?>
<div class=“project col-md-4 col-sm-6 col-xs-6 wow zoomIn”>
<div class=“project-image”>
<?php the_post_thumbnail(‘project-image’); ?>
<?php if ( $project_url ) : ?>
" title="<?php the_title(); ?>"><i class=“fa fa-link”></i>
<?php else : ?>
" title="<?php the_title(); ?>"><i class=“fa fa-link”></i>
<?php endif; ?>
<?php
global $post;
$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
?>
" rel=“prettyPhoto[pp_gallery]”><i class=“fa fa-search”></i>
</div>
</div>
<?php endwhile; ?>
</div>
<?php if ($image_uri != ‘’) : ?>
<style type=“text/css”>
.projects-area {
display: block;
background: url(<?php echo $image_uri; ?>) no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
z-index: -1;
}
</style>
<?php endif; ?>
</section>
<?php
// Reset the global $the_post as this query will have stomped on it
wp_reset_postdata();

endif;

if ( ! $this->is_preview() ) {
$cache[ $args[‘widget_id’] ] = ob_get_flush();
wp_cache_set( ‘moesia_projects’, $cache, ‘widget’ );
} else {
ob_end_flush();
}
}
}


#3

Hey,

You probably erased more than you needed to. See the original code here please.

You should hide that icon with a bit of CSS in a custom CSS plugin or child theme:


.link-icon {
   display: none;
}
.project-image:hover > .pp-icon {
   right: 40%;
}


#4

Thank you! Managed to restore it and added that CSS with custom CSS plugin. Thanks again - massive help as always.