Boa noite. Estou tentando carregar apenas as "miniaturas" das imagens na minha página customizada, porém o site carrega a imagem original e redimensiona sobre ela. Isso pesa o carregamento do meu site.
Meu código:
<?php if ( $the_query->have_posts() ): ?>
<div class="row" id="products">
<?php while ( $the_query->have_posts() ): ?>
<?php $the_query->the_post(); ?>
<div class="col-xs-12 col-sm-4 col-md-3 product" alt="<?php get_the_title() ?>" title="<?php get_the_title() ?>">
<div class="change">
<i class="fa fa-undo" aria-hidden="true"></i>
</div>
<a href="<?php echo get_permalink() ?>">
<?php if(types_render_field('lancamento')=="Sim"): ?>
<div class="new <?php echo strtolower(types_render_field('tipo')) ?>">
<h1>Lançamento</h1>
</div>
<?php endif; ?>
<div class="img top">
<img alt="<?php get_the_title() ?>" title="<?php get_the_title() ?>" src="<?php echo types_render_field("logo", array("width"=>"200","height"=>"200", "raw" => "true")); ?>" class="img-responsive"/>
</div>
<div class="img botton">
<img alt="<?php get_the_title() ?>" title="<?php get_the_title() ?>" src="<?php echo types_render_field("miniatura", array("size"=>"medium", "raw" => "true")); ?>" class="img-responsive"/>
</div>
</a>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
As divs "img top" e "img botton" e meus 2 testes nao funcionaram, são os blocos de carregamento da imagens, porem, o resultado nao é o que eu queria.