THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline


Bonjour,
je souhaite que le module criteria ne s'affiche que à partir des tablettes.
J'ai donc modifié search-page.html : <section class="clearfix hidden-xs">
puis search-css.html :

{stylesheets source="CriteriaSearch" file='assets/css/vendors/bootstrap-slider.min.css'}
  <link rel="stylesheet" media="screen and (min-width: 768px)" href="{$asset_url}" >
{/stylesheets}
{stylesheets source="CriteriaSearch" file='assets/css/vendors/bootstrap-multiselect.css'}
  <link rel="stylesheet" href="{$asset_url}" media="screen and (min-width: 768px)">
{/stylesheets}
{stylesheets source="CriteriaSearch" file='assets/css/criteria-search.css'}
  <link rel="stylesheet" href="{$asset_url}" media="screen and (min-width: 768px)">
{/stylesheets}

Maintenant ce que je voudrais, c'est que le javascript ne se charge pas sur mobile,
dans search-js.html, j'ai essayé sans succès avec :

{javascripts source="CriteriaSearch" file='assets/js/criteria-search.js'}
<script type="text/javascript">

if (screen.width > 768) { 
document.write('{hook name="criteria-search.search-js"}');  
 } 

</script>
{/javascripts}

Est ce que c'est possible ?

Merci

Last edited by vz777 (10-03-2021 23:32:21)

Offline


OK dsl j'ai posté ce premier message beaucoup trop vite ..

avec ça ça marche :

    <script type="text/javascript">

    if(window.matchMedia("(min-width:768px)").matches) {
    document.write('<script src={$asset_url}><\/script>');  
     }
    
    </script>