Jak dodać bootstrap sekcji head w Prestashop?

[OlbudMaciej]

Witam,
chciałbym dodać CSS i JS bootstrapa do Presty, aby zrobić karuzelę zdjęć w produkcie.
W którym pliku i w jaki sposób mogę dodać odnośniki do tych dwóch rzeczy? 
Nie znalazłem nic w Google na ten temat, może źle szukam :(.
Będę wdzięczny za pomoc. 

[krzysiek_web]

Jeżeli dodasz zmiany bez dodania tych skryptów to działa? 

[OlbudMaciej]

On 3/26/2021 at 2:17 PM, krzysiuus said:

Jeżeli dodasz zmiany bez dodania tych skryptów to działa? 

Właśnie dodaję w opisie np. karuzelę ze strony bootstrapa i nie działa, ale inne elementy jak kolumny i wiersze działają, także zakładam, że brakuje .js bootstrapa. 

[krzysiek_web]

Szablon domyślny? Podaj link do skryptu galerii. 

[OlbudMaciej]

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="..." class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="..." class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="..." class="d-block w-100" alt="..."> </div> </div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>

galeria stąd: https://getbootstrap.com/docs/4.3/components/carousel/

 

a link do js. to <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> 

Jak wkleję sobie style bootstrapa i js do vscode to karuzela działa poprawnie i wyświetla się super. 
Także zakładam, że kwestia dodania do motywu linku do js bootstrapa.

[krzysiek_web]

Po dodaniu testowego kodu:

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
        <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
</div>

Do strony produktu całość działa prawidłowo. Oczywiście należy podpiąć linki do zdjęć. 

Czy korzystasz z domyślnego motywu/szablonu? 

[OlbudMaciej]

46 minutes ago, krzysiuus said:

Po dodaniu testowego kodu:

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
        <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
</div>

Do strony produktu całość działa prawidłowo. Oczywiście należy podpiąć linki do zdjęć. 

Czy korzystasz z domyślnego motywu/szablonu? 

Nie korzystam z domyślnego szablonu. Korzystam z szablonu "megamall" i nie mam pojęcia jak to naprawić. Swoją drogą, często trafiam na to pytanie czy używam domyślnego szablonu. Najlepiej używać domyślnego szablonu?

[krzysiek_web]

W tym przypadku zalecam kontakt z autorem i wykorzystanie funkcji które zawiera podany szablon. Jeżeli teraz dołożymy do niego skrypty bootstrapa może to wywołać konflikt skryptów a na pewno znacząco wpłynie na wydajność. 

Edited March 29, 2021 by krzysiuus (see edit history)