Smarty

[joao.marmentini]

I'm new to smaty, but neverless i'm trying to develop a product slider in my shop. My issue is the mobile. I need to get a specific value when the user is on a phone (for example: 1) and another when he is on desktop (lets assume 2). I've been trying to get the document width with AJAX and send it to a tpl, but it doesnt seem to work. Where is the code:

AJAX:
$.ajax({
url: 'modules/bia_releasedproducts/views/templates/hook/bia_releasedproducts.tpl',
type: 'post',
data: {
width: $(window).width(),
height: $(window).height()
}
})
.done(function (response) {
alert(response);
})
.fail(function (error) {
alert(error);
})
.always(function () {
console.log("complete");
});
;

and my .tpl:

{foreach from=$products item="product" name=products_slider}
{if $smarty.foreach.products_slider.index mod $smarty.post.width mod 600 == 0}
<li>
{/if}
{include file="catalog/_partials/miniatures/bia_product.tpl" product=$product}
{if ($smarty.foreach.products_slider.index + 1) mod $smarty.post.width mod 600 == 0}
</li>
{/if}
{/foreach}

[AnrDaemon]

Consider the fact that PHP(Smarty) and JavaScript never run at the same time.

Also, see https://www.php.net/json_encode

[AnrDaemon]

[Codez]

you need to post to a PHP file and then load the tpl file from there.

https://www.w3docs.com/snippets/php/how-to-create-a-jquery-ajax-post-with-php.html

to learn more