Jump to content

Zmiana wielkości produktu na liście


adrian4fun

Recommended Posts

Korzystam z fajnego modułu https://www.prestashop.com/forums/topic/538143-game-shop-free-theme/

 

Potrzebuje powiększyć na stronie głównej miniatury produkty na większe (ok 40%)

Nie mogę nigdzie znaleźć w jakim pliku znajdują się atrybuty zdjęć.Przekopałem przez Bracketsa wszystkie pliki i zmieniłem atrybuty każdego gdzie pasowały wartości na większe ale bez rezultatu. Ktoś ma jakieś pomysły gdzie to szukać?

Link to comment
Share on other sites

Tu jest właśnie ten problem znalezienia ich :/

Pobrałem ten szablon żeby rzucić na niego okiem.

Pierwsza z brzegu templatka homecategoriesplus.tpl i siedzi w niej konfiguracja owl carousela:

<script type="text/javascript">
    $(document).ready(function() {
      var owl = $(".catproductslider");
      owl.owlCarousel({
          items : 4, //4 items above 1000px browser width
          itemsDesktop : [1000,4], //4 items between 1000px and 901px
          itemsDesktopSmall : [900,3], // between 900px and 601px
          itemsTablet: [600,2], //2 items between 600 and 0
          itemsMobile : false, // itemsMobile disabled - inherit from itemsTablet option
          lazyLoad : true
      });
    
      // Custom Navigation Events
      $(".catproductslider_next").click(function(){
        owl.trigger('owl.next');
      })
      $(".catproductslider_prev").click(function(){
        owl.trigger('owl.prev');
      })
    });    
</script>

To samo jest w homefutured.tpl. Wszystkie moduły frontu trzeba przejrzeć i poprawić w nich na responsywny karuzel.

Link to comment
Share on other sites

ok dopisałem (ale nie wiem czy dobrze). Teraz obrazy są większe, ale te w tabeli powyżej się nie ładują.

<script type="text/javascript">
	$(document).ready(function() {
	  var owl = $("#featured-products");
	  owl.owlCarousel({
           responsiveClass:true,
    responsive:{
		  items : 4, //4 items above 1000px browser width
		  itemsDesktop : [1000,4], //4 items between 1000px and 901px
		  itemsDesktopSmall : [900,3], // between 900px and 601px
		  itemsTablet: [600,2], //2 items between 600 and 0
		  itemsMobile : [450,1], // itemsMobile disabled - inherit from itemsTablet option
		  lazyLoad : true
    
	  }); 
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...