• PrestaShop tworzenie sklepów internetowych. Grafika, moduły, wdrożenie, aktualizacje. PrestaShop tworzenie sklepów internetowych. Grafika, moduły, wdrożenie, aktualizacje oraz rozbudowa sklepów internetowych.

W cenie każdego modułu zawarta jest już instalacja i wdrożenie w sklepie internetowym, klient otrzymuje gotowy zainstalowany plugin w swoim sklepie. Każdy moduł jest objęty darmową aktualizacją bez ograniczeń, a dodatkowo klient otrzymuje 3 miesiące pomocy technicznej. Sklepy internetowe wykonujemy pod klucz a wykonanie obejmuje instalację, konfigurację oraz przygotowanie sklepu, oddajemy klientowi w pełni funkcjonalny sklep bez ukrytych opłat jak abonamenty lub dodatkowe naliczanie finansowe np. prowizje od sprzedaży.

Sklep PrestasShop 1.7 slajder górny na cały ekran

aby uzyskać powiekszenie slaidera na cały ekran wykonaj poniższe kroki

zainstaluj moduł Hook Menager - pobierz  po czym aktywuj moduł i przejdź do jego ustawień modułu wpisujemy

Hook name: displaySlider

Hook title: displaySlider

Hook description: displaySlider

Visiblity ustawiamy na tak
 

 Klikamy Dodaj

Kolejny krok to edycja pliku layout-both-colums.tpl w katalogu themes/classic/templates/layouts

    
kod:

<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">

zmieniamy na

  <header id="header">
        {block name='header'}
          {include file='_partials/header.tpl'}
        {/block}
      </header>
      {block name='notifications'}
        {include file='_partials/notifications.tpl'}
      {/block}
{block name='displaySlider'}
   {if $page.page_name == 'index'} 
      {hook h='displaySlider'}
   {/if} 
{/block}	
 <section id="wrapper">

czyli przed sekcją

<section id="wrapper">

dopisujemy:

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

zapisz i wgraj na serwer

 

W modules/ps_imageslider edytujemy plik ps_imageslider.php

linię

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

zamieniamy na

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

zapisz i wgraj na serwer

Edytujemy plik custom.css w katalogu /themes/classic/assets/css

dopisując w nim i wgrywając na serwer kod:

.carousel-control .icon-prev { margin-left: 0; } .carousel-control .icon-next { margin-right: 0; }

 

Kolejny krok to edycja pliku Slaidera wykonujemy wyszukujemy w modułach Slider jego czyszczenie w modułach

presta shop slider

 

Ostatni krok to wyczyszczenie pamięci cache Zaawansowane - Wydajność / Wyczyść pamięć podręczną

 

Efekt końcowy jaki uzyskamy

slajder presta shop 1.7 pełnoekranowy

WSKAZÓWKA DODATKOWA:

aby uzyskać inny wymiar wysokości slaidera edytujemy plik theme.css odszukamy go  w katalogu /themes/classic/assets/css wyszukujemy i edytujemy linię .carousel .carousel-inner{height:340px} gdzie 340 jest wysokością slidera zmieniamy na swój wymagany rozmiar np 600px zapisujemy i wgrywany plik (należy pamiętać aby ponownie wyczyścić pliki tymczasowe sklepu)

Potrzebna pomoc przy wdrożeniu tej solucji w presta shop ? zapraszamy do kontaktu

tel: 888 537 633

e-mail: axp@prodo.pl