Jump to content
JohnyPT

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

Recommended Posts

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(); ?>

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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...


B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
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 :P

Deve ser algum problema mesmo do jquery...

Share this post


Link to post
Share on other sites
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 by I-NOZex

B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
JohnyPT

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

Share this post


Link to post
Share on other sites
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...


B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
HappyHippyHippo

style.css

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

Edited by HappyHippyHippo

IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
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 by Devexz

Contador de calorias: caloriaspordia.com

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.