Problema com Wordpress (edição possível de php)

[JohnyPT]

Boa tarde amigos,

Tenho um site em Wordpress e deparo-me com um problema no portfólio ao abrir thumbnails de fotografias. A imagem não aparece no topo como devia mas sim no meio da página ou mesmo em baixo (o que obriga as pessoas a scrollar para baixo).

Já tive a dar uma vista de olhos no código php do portfólio mas não encontro solução!

Podem experimentar aqui: http://www.joaovalente.com.pt/portfolio/

Deixo aqui o código para que me possam ajudar, obrigado malta!

<?php
/*
Template Name: Portfolio
*/
get_header();
   $prefix = 'tk_';
   $show_home_content= get_theme_option(tk_theme_name.'_home_use_home_content');
   $show_call_to_action= get_theme_option(tk_theme_name.'_home_use_call_to_action');
   $page_headline = get_post_meta($post->ID, 'page_headline', true);
   $page_headline_link = get_post_meta($post->ID, 'page_headline_link', true);
    ?>
					    <?php if($page_headline) { ?>
							    <div id="headline">
								    <div id="high_light">
								  <?php if($page_headline_link) { ?>	  <a href="<?php echo $page_headline_link; ?>" class="learn_more"><?php } ?>
										    <h2 class="high_light_h2"><?php echo $page_headline; ?></h2>
									    <?php if($page_headline_link) { ?></a><?php } ?>
								    </div><!--close high_light-->
							    </div><!--close headline-->
					    <?php } ?>

    <div class="title-line">
	    <span class="page-title-text more-padd"><?php the_title();?></span><div class="title-width-line"></div>
	    <div class="clear-both"></div>
    </div>
    <div id="wraper-inside">
    <div id="wraper-holder-wide">
	    <div id="portfolio-loader"></div>
				    <?php
					  global $wpdb;
					  $post_type_ids = $wpdb->get_col("SELECT ID FROM $wpdb->posts WHERE post_type = 'pt_portfolio' AND post_status = 'publish'");
					  if(!empty ($post_type_ids )){
					    $post_type_cats = wp_get_object_terms( $post_type_ids, 'ct_portfolio' ,array('fields' => 'ids') );

					    if($post_type_cats){
						  $post_type_cats = array_unique($post_type_cats);
						  $allcat = implode(',',$post_type_cats);
					    }
					  }
					  $include_category = null;
				    ?>
		    <div class="portfolio-cat-holder">					 
				    <ul id="filters">
					    <li class="cat_cell" ><a href="#" data-filter="*" class="all-cats"  ><?php _e('CATEGORIES:', tk_theme_name); ?></a></li>
							  <?php
						    if(!empty ($post_type_ids )){
								 $cat_count = count($post_type_cats);
								 $cat_counter = 1;
								 foreach ($post_type_cats as $category_list) {
								    $cat =  $category_list.",";
								    $include_category = $include_category.$cat;
								    $cat_name = get_term($category_list, 'ct_portfolio');
							    ?>
								    <li rev="<?php echo $category_list?>"  class="cat_cell">
										    <a href="#" data-filter="<?php echo '.class-'.$category_list?>" >-  <?php echo $cat_name->name?></a>
								    </li>
							    <?php }} ?>
				    </ul>
		    </div>
		    <div id="portfolio-holder-relative" >
			    <div id="portfolio-holder">
			   <?php
				    $id_array = explode(',', $allcat);
				    $paged = (get_query_var('paged')) ? get_query_var('paged') : 0;
				    $args=array( 'tax_query' => array(array('taxonomy' => 'ct_portfolio','field' => 'term_id', 'terms' => $id_array)),  'post_type' => 'pt_portfolio',  'paged' => $paged, 'post_status' => 'publish', 'ignore_sticky_posts'=> 1,'posts_per_page'=>-1, 'meta_key'=> '_thumbnail_id');
				    //The Query
				    $the_query = new WP_Query( $args );
				    $i=1;

				    //The Loop
				    if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post();

				    $post_category = wp_get_post_terms( $post->ID, 'ct_portfolio');
				    $isotop_cat ='';
				    foreach ($post_category as $cat_id) {
					    $isotop_cat .= ' class-'.$cat_id->term_id;
				    }
				    if($i == 4) {
					    $nomargin = 'nomargin';
				    } else {
					    $nomargin = ' ';
				    }
				    $slide_images = get_post_meta($post->ID, $prefix.'repeatable', true);
				    if(!empty($slide_images)){
					    $images_src = tk_get_thumb_new(312, 240, $slide_images[0]);
				    }
				    $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full' );
			    ?>

				    <div class="portfolio_box <?php echo $isotop_cat.' '.$nomargin; ?> isotope-item" >					 
					    <div class="portfolio_image_bg_3 portfolio_box_categories">
						    <div class="page-image-center">
							    <span class="page-image">
								    <?php if(has_post_thumbnail()) { ?>
									    <a href="<?php echo $image[0]; ?>" class="pirobox" title="<?php the_title(); ?>"><?php the_post_thumbnail('portfolio-small'); ?></a>
								    <?php } ?>
							    </span>
						    </div>				
					    </div><!-- close image_bg -->
						 <h2 class="portfolio-h2 portfolio-title"><?php the_title(); ?></h2>
					 </div>
				    <?php endwhile; endif; ?>

			    </div>

		    </div>
	    </div>
    </div>
    <div class="clear-both"></div>
<?php get_footer(); ?>

[Pivot]

Consegues colocar aqui o código css?

Ou o jquery...

Acho que o problema está aqui nesta classe:

pirobox_content

PS: Grandes modelos...

Abraço,

Rafael.

[I-NOZex]

isso tem a haver com css... o margin top é a causa do problema..

esse codigo nao mostra onde ta o problema...

o problema ta no styling da classe "pirobox_content"

tens de ver nas configs do template, ou do plugin...

em ultimo caso, alterar o css, ou o que mais me parece ser, o js...

[Pivot]

isso tem a haver com css... o margin top é a causa do problema..

esse codigo nao mostra onde ta o problema...

o problema ta no styling da classe "pirobox_content"

tens de ver nas configs do template, ou do plugin...

em ultimo caso, alterar o css, ou o que mais me parece ser, o js...

Epa no mesmo minuto e dissemos o mesmo 😛

Deve ser algum problema mesmo do jquery...

[JohnyPT]

pastas do pirobox com css e js: https://meocloud.pt/link/b13eb9bf-edd5-4f81-9096-3122b2cddb64/pirobox.zip

[I-NOZex]

isso nao é plugin do wordpress? foste tu que implementas-te?

é que diga-se de passagem, esse plugin é uma porcaria... a usar tables... meh

btw, o problema deve tar talves na linha 214 do pirobox.js

  marginTop : parseInt($(document).scrollTop())-(imgH/h_fix)},opt.my_speed, function(){  

se é um plugin do wordpress, entao ve primeiro nas configs...

Edited October 15, 2013 at 03:34 PM by I-NOZex

[JohnyPT]

É um script que já vem implementado no tema, não há nada para configurar no wp-admin!

[I-NOZex]

nesse caso o melhor é analizares a linha que te disse, fazer o debbuging para a console js e ver o que está a acontecer...

[JohnyPT]

Obrigado I-NOZex, fiz o que disseste mas até agora nada 😕

[HappyHippyHippo]

style.css

.pirobox_content {
top: 10%; /* <----------------- */

Edited October 15, 2013 at 08:41 PM by HappyHippyHippo

[bioshock]

Acho que vou virar fotógrafo.

[Devexz]

epá só demorei muito a responder porque perdia-me sempre no meio de tantos pixeis.

Como todos já disseram o plugin em questão não é grande coisa mas...

1º fazes aquilo que o hippo disse para fazer: alterar o style.css

2º fazes aquilo que eu digo abaixo:

abrir o pirobox.js

procurar duas vezes por "marginTop" e definir para 10.

Ex:

marginTop : parseInt($(document).scrollTop())-(main_cont_h/1.9)
marginTop: 10

edit: podes mudar para o valor que achares melhor, tens é de usar funçoes com js e matemática para ficar perfeito.

Edited October 15, 2013 at 10:14 PM by Devexz

[Pivot]

Alguma solução encontrada?

Abraço,

Rafael.