<?php
/**
* The template for displaying archive pages
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package WordPress
* @subpackage Al tek
* @since 1.0.0
*/
get_header();
?>
<section class="produktet-homepage" style="margin:200px">
<div class="container">
<div class="row">
<div class="col-lg-3">
<!--
<div class="categories">
<h4>Produktet</h4>
<?php echo do_shortcode('[iks_menu id="661"]'); ?>
</div>
-->
<div class="categories">
<h4><?php pll_e('produktet'); ?></h4>
<!-- Button to Open the Modal -->
<button type="button" class="mobile-filter" data-toggle="modal" data-target="#myModal">
Filtro produktet
</button>
<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Filtro produktet</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<?php echo do_shortcode('[iks_menu id="661"]'); ?>
</div>
</div>
</div>
</div>
<div class="categories-div-2">
<?php echo do_shortcode('[iks_menu id="661"]'); ?>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="categories-div">
<p> <?php echo get_category_parents( $cat, true, ' <i class="fas fa-chevron-right"></i> ' ); ?> </p>
<div class="categories-div-image" style="background-image:url(<?php echo $image['url']; ?>)">
<!-- <img src="<?php echo $image['url']; ?>">-->
</div>
</div>
<div class="row">
<?php foreach ( $myposts as $post ) : setup_postdata( $post ); ?>
<div class="col-lg-4">
<div class="products-box">
<div class="products-box-info">
<h4><a href="<?php print get_the_permalink();?>"><?php echo esc_html( get_the_title() ); ?></a></h4>
<p><?php the_field('numri_i_modelit'); ?></p>
</div>
<div class="products-box-image">
<a href="<?php print get_the_permalink();?>">
<?php
$image = get_field('image');
if( !empty( $image ) ): ?>
<img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
<?php endif; ?>
</a>
</div>
</div>
</div>
<?php $counter++;
endforeach; ?>
</div>
</div>
</div>
</div>
</section>
<?php wp_reset_postdata();?>
<?php
get_footer(); ?>