PrestaShop 1.7 Slider pełnej szerokości

[flamaster]

Czy ktoś może już znalazł rozwiązanie jak zrobić slider pełnej szerokości?

 

Niech ktoś z moderatorów usunie ten pierwszy post i przypnie to na górze jako zrób to sam i nie zadawaj pytań

Edited March 29, 2017 by flamaster (see edit history)

[flamaster]

Krok po kroku jak zrobić slider pełnej szerokości:

 

1. Instalujemy i aktywujemy nowy moduł Hook Manager

 

2. Wchodzimy w konfigurację Hook Managera i dodajemy nowy region

  a) Hook name: displaySlider
  Hook title: displaySlider
  c) Hook description: displaySlider
  d) Visiblity ustawiamy na tak
  e) klikamy dodaj

 

3. Edytujemy plik layout-both-colums.tpl który znajdziecie w katalogu themes/classic/templates/layouts

      <header id="header">
        {block name='header'}
          {include file='_partials/header.tpl'}
        {/block}
      </header>
      {block name='notifications'}
        {include file='_partials/notifications.tpl'}
      {/block}
	.............
      <section id="wrapper">

Gdzie kropki wstawiamy:

{block name='displaySlider'}
   {if $page.page_name == 'index'} 
      {hook h='displaySlider'}
   {/if} 
{/block}	

Zapisujemy i wrzucamy na serwer

 

4. W katalogu modules/ps_imageslider edytujemy plik ps_imageslider.php w lini 75 zamieniemy

$this->registerHook('displayHome') &&

na

$this->registerHook('displaySlider') &&

zapisujemy i wrzucamy plik na serwer

 

5. Idziemy do zakładki moduły w panelu administracyjnym sklepu. Znajdujemy moduł slidera i po prawej stronie pod rozwijanym przyciskiem wybieramy resetuj

 

6. Idziemy do zakładki Parametry zaawansowane >> Wydajność i czyścimy cache

 

7. Odświeżamy stronę główną sklepu i cieszymy się sliderem pełnej szerokości

 

8. Jeśli ktoś chce zrobić wyższy slider to w pliku theme.css który znajduje się w katalogu /themes/classic/assets/css edytujemy .carousel .carousel-inner{height:640px} gdzie 640 jest wysokością slidera.

[MUSH]

On 3/29/2017 at 5:19 PM, flamaster said:

4. W katalogu modules/ps_imageslider edytujemy plik ps_imageslider.php w lini 75 zamieniemy

$this->registerHook('displayHome') &&

na

$this->registerHook('displaySlider') &&

zapisujemy i wrzucamy plik na serwer

Brak pliku ps_imageslider.php

Czy może ktoś pomóc ?

[MUSH]

Plik ps.imageslider.php jest w głównym katalogu sklepu, nie w shop/themes/modules/... tylko shop/modules/...

 

[gbartosz83]

hej działa ale mam mały problem, pojawił mi się poziomy suwak w przeglądarce, tak jakby teraz slider był minimalnie za duży

mam prestashop 1.7.6.1
zrobiłem taki myk

.carousel {
    width: 99.84% !important    
}

ale to widać że nie jest ok

Edited October 17, 2019 by gbartosz83 (see edit history)

[MUSH]

Ja nie zalecałbym używania:

On 3/29/2017 at 5:19 PM, flamaster said:

8. Jeśli ktoś chce zrobić wyższy slider to w pliku theme.css który znajduje się w katalogu /themes/classic/assets/css edytujemy .carousel .carousel-inner{height:640px} gdzie 640 jest wysokością slidera.

(...) ,gdyż można łatwo rozwalić całą stronę. Ja całe szczęście uzyskałem z powrotem dane z kopii zapasowej.

[gbartosz83]

1 minute ago, MUSH said:

Ja nie zalecałbym używania:

(...) ,gdyż można łatwo rozwalić całą stronę. Ja całe szczęście uzyskałem z powrotem dane z kopii zapasowej.

dzięki za szybką odpowiedź cofnąłem height: auto ale to nie pomogło

[MUSH]

Też tak miałem. Sugerowałbym podmienić ten plik na natywny i go nie zmieniać. Mimo moich podpowiedzi nie daję gwarancji, że będzie działać - ja straciłem plik natywny i przez to dalsze kombinowanie w tym pliku prowadziło do niespodziewanych zmian, dlatego skorzystałem z kopii bezpieczeństwa.

[gbartosz83]

46 minutes ago, MUSH said:

Też tak miałem. Sugerowałbym podmienić ten plik na natywny i go nie zmieniać. Mimo moich podpowiedzi nie daję gwarancji, że będzie działać - ja straciłem plik natywny i przez to dalsze kombinowanie w tym pliku prowadziło do niespodziewanych zmian, dlatego skorzystałem z kopii bezpieczeństwa.

postawiłem Prestashop od nowa, zrobiłem tylko tą modyfikację, i mam poziomą belkę - tak jak wcześniej, 
css jest oryginalny prosto z instalatora

[MUSH]

Czyli udało mi się rozwiązać Twój problem ?

Zrobisz dokładnie to co pisze @flamaster bez punktu 8, gdyż zmiany w tym pliku są ryzykowne - będzie wszystko grało.

Zrób tak jak poniżej:
 

On 3/29/2017 at 5:19 PM, flamaster said:

Krok po kroku jak zrobić slider pełnej szerokości:

 

1. Instalujemy i aktywujemy nowy moduł Hook Manager

 

2. Wchodzimy w konfigurację Hook Managera i dodajemy nowy region

  a) Hook name: displaySlider
  Hook title: displaySlider
  c) Hook description: displaySlider
  d) Visiblity ustawiamy na tak
  e) klikamy dodaj

 

3. Edytujemy plik layout-both-colums.tpl który znajdziecie w katalogu themes/classic/templates/layouts

      <header id="header">
        {block name='header'}
          {include file='_partials/header.tpl'}
        {/block}
      </header>
      {block name='notifications'}
        {include file='_partials/notifications.tpl'}
      {/block}
	.............
      <section id="wrapper">

Gdzie kropki wstawiamy:

{block name='displaySlider'}
   {if $page.page_name == 'index'} 
      {hook h='displaySlider'}
   {/if} 
{/block}	

Zapisujemy i wrzucamy na serwer

 

4. W katalogu modules/ps_imageslider edytujemy plik ps_imageslider.php w lini 75 zamieniemy

$this->registerHook('displayHome') &&

na

$this->registerHook('displaySlider') &&

zapisujemy i wrzucamy plik na serwer

 

5. Idziemy do zakładki moduły w panelu administracyjnym sklepu. Znajdujemy moduł slidera i po prawej stronie pod rozwijanym przyciskiem wybieramy resetuj

 

6. Idziemy do zakładki Parametry zaawansowane >> Wydajność i czyścimy cache

 

7. Odświeżamy stronę główną sklepu i cieszymy się sliderem pełnej szerokości

 

8. Jeśli ktoś chce zrobić wyższy slider to w pliku theme.css który znajduje się w katalogu /themes/classic/assets/css edytujemy .carousel .carousel-inner{height:640px} gdzie 640 jest wysokością slidera.

 

[gbartosz83]

13 minutes ago, MUSH said:

Czyli udało mi się rozwiązać Twój problem ?

Zrobisz dokładnie to co pisze @flamaster bez punktu 8, gdyż zmiany w tym pliku są ryzykowne - będzie wszystko grało.

Zrób tak jak poniżej:
 

 

tak właśnie zrobiłem na świeżo postawionym prestashopie
 

dodałem do custom.css

.carousel-control .icon-prev {

margin-left: 0;

}

.carousel-control .icon-next {

margin-right: 0;

}
i belki nie ma 

Edited October 17, 2019 by gbartosz83 (see edit history)

[gbartosz83]

...

Edited October 17, 2019 by gbartosz83 (see edit history)

[GalGang]

Witam,

A co w momencie gdy wykonuje wszystkie kroki a mój baner znajduje się na dole strony i nie jest na całą szerokość. ? zaraz nad "subskrybuj"

Mam wersję: 1.7.7.1