0

Campo: Resultado de busca. Como definir tamanho da imagem padrão.

criado por Lucas Cruvinel em 30/01/2017 3:14pm
Boa noite pessoal, primeiramente gostaria de pedir paciência pois não sou um profissional de sistemas e meus conhecimentos em programação no PHP são pequenos (Sou publicitário). Serei imensamente grato pela ajuda de vocês:

Vamos ao problema que acredito ser aparentemente simples:
Estou trabalhando no E-commerce de uma empresa. O site está funcionando normalmente, sem problema algum (tirando esse que preciso de ajuda), no site tem um campo de busca de produto, (aliás é um ecommerce no WordPress. Quando pesquiso algum produto, por exemplo: bota, aparece os resultados.... a foto do produto aparece cortando um pedaço. O fato de cortar a foto acontece com qualquer produto que é pesquisado no site.

Esse é o site :http://hayabusaway.com.br
Esse é um exemplo na página de resultado de pesquisa com o erro:http://hayabusaway.com.br/?s=powergrip

Pelo o que eu consegui descobrir dando uma olhada no código da pagina, o módulo de busca não tem uma medida padrão da imagem que será apresentada no resultado. Talvez tenha que ter uma formula para redimensionar(responsivo), não sei... o que eu vejo é que a pagina de pesquisa está crua sem uma personalização.. Ela está assim:

<!-- Titlebar
================================================== -->
<section class="titlebar">
<div class="container">
<div class="sixteen columns">
<h2><?php printf( __( 'Resultado(s) para a busca: %s', 'trizzy' ), '<span>' . get_search_query() . '</span>' ); ?></h2>

<nav id="breadcrumbs">
<?php if(ot_get_option('pp_breadcrumbs','on') == 'on') echo dimox_breadcrumbs(); ?>
</nav>
</div>
</div>
</section>
<?php $layout = ot_get_option('pp_blog_layout') ?>
<!-- Container -->
<div class="container search-container <?php echo $layout; ?>">
<div class="twelve columns">
<div class="extra-padding">
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
/* Include the Post-Format-specific template for the content.
* If you want to overload this in a child theme then include a file
* called content-___.php (where ___ is the Post Format name) and that will be used instead.
*/
$type = get_post_type();
$layout = ot_get_option('pp_blog_layout');
switch ($type) {
case 'product' :
get_template_part( 'postformats/searchproduct' );
break;
/** case 'post':
* $format = get_post_format();
* if( false === $format ) $format = 'standard';
* if($layout == 'masonry') {
* get_template_part( 'postformats/masonry', $format );
* } else {
* get_template_part( 'postformats/content', $format );
* }
* break;
*/
case 'page':
if($layout == 'masonry') {
get_template_part( 'postformats/searchpagemasonry' );
} else {
get_template_part( 'postformats/searchpage' );
}
break;

case 'portfolio':
if($layout == 'masonry') {
get_template_part( 'postformats/searchpfmasonry' );
} else {
get_template_part( 'postformats/searchpf' );
}
break;

default:
# code...
break;
}

endwhile;
endif; ?>
<div class="clearfix"></div>
<!-- Pagination -->
<div class="pagination-container">
<?php if(function_exists('wp_pagenavi')) { ?>
<nav class="pagination">
<?php wp_pagenavi(); ?>
</nav>
<?php
} else {
if ( get_next_posts_link() || get_previous_posts_link() ) : ?>
<nav class="pagination">

    <?php if ( get_previous_posts_link() ) : ?>
    <li id="next"><?php previous_posts_link( ' ' ); ?>
    <?php endif; ?>
    <?php if ( get_next_posts_link() ) : ?>
    <li id="prev"><?php next_posts_link( ' '); ?>
    <!--
  • <a href="#" class="next"></a>
  • -->
    <?php endif; ?>

</nav>
<?php endif;
} ?>
</div>
</div>
</div>

</div>
<?php get_footer(); ?>

O que eu queria fazer é o seguinte, que a foto aparecesse por completo...talvez colocar uma medida fixa nessa página resolveria, pensei no tamanho da imagem mesmo, pois o site todo usa esse tamanho 650x419 nas imagens....

Me ajudem por favor, serei imensamente grato se puderem me ajudar. Observação: Quero começar um curso de desenvolvimento mais para isso preciso estar trabalhando kkkk

Lista de Respostas:

Nenhuma resposta foi publicada ainda.

Nova Resposta:

(Você pode usar tags como <b>, <i> ou <code>. URLs serão convertidas para links automaticamente.)