IgorDev

kurde próbuje, ale przewijanie ani ruszy. Mogę podesłać to co próbowałem zrobić w jS jak i CSS, ale powiem szczerze, nie wiem dlaczego to może nie działać. Przede wszystkim w pliku product.js w .serialScroll dałem warunek, if ($(window).width() > 767 ){ if (!!$.prototype.serialScroll) $('#thumbs_list').serialScroll({ axis:'y', prev:'#view_scroll_up', next:'#view_scroll_down', }); }else{ if (!!$.prototype.serialScroll) $('#thumbs_list').serialScroll({ axis:'x', prev:'#view_scroll_left', next:'#view_scroll_right', }); } (reszta w obu .serialScroll jest taka sama czyli: items:'li:visible', offset:0, start:0, stop:true, onBefore:serialScrollFixLock, duration:700, lazy: true, lock: false, force:false, cycle:false W funkcji serialScrollFixLock także dokonałem zmiany z warunkiem if ($(window).width() > 767 ){ var serialScrollNbImages = $('#thumbs_list li:visible').height; var leftArrow = position == 0 ? true : false; var rightArrow = position + serialScrollNbImagesDisplayed >= serialScrollNbImages ? true : false; $('#view_scroll_up').css('cursor', leftArrow ? 'default' : 'pointer').css('display', leftArrow ? 'none' : 'block').fadeTo(0, leftArrow ? 0 : 1); $('#view_scroll_down').css('cursor', rightArrow ? 'default' : 'pointer').fadeTo(0, rightArrow ? 0 : 1).css('display', rightArrow ? 'none' : 'block'); return true; }else{ var serialScrollNbImages = $('#thumbs_list li:visible').length; var leftArrow = position == 0 ? true : false; var rightArrow = position + serialScrollNbImagesDisplayed >= serialScrollNbImages ? true : false; $('#view_scroll_left').css('cursor', leftArrow ? 'default' : 'pointer').css('display', leftArrow ? 'none' : 'block').fadeTo(0, leftArrow ? 0 : 1); $('#view_scroll_right').css('cursor', rightArrow ? 'default' : 'pointer').fadeTo(0, rightArrow ? 0 : 1).css('display', rightArrow ? 'none' : 'block'); return true; } No i plik CSS. /* miniatures */ .pb-left-column #views_block { margin-top: 10px; } @media (max-width: 991px) { .pb-left-column #views_block { } } @media (max-width: 991px) { .pb-left-column #views_block #thumbs_list_pagination_pc {display:none;} .pb-left-column #views_block #thumbs_list_pagination_mobile{display:block;} } @media (min-width: 991px) { .pb-left-column #views_block #thumbs_list_pagination_pc {display:block;} .pb-left-column #views_block #thumbs_list_pagination_mobile{display:none;} } #thumbs_list { overflow: hidden; float: left; height: 450px; } @media (min-width: 992px) and (max-width: 1199px) { #thumbs_list { height: 294px; } } @media (max-width: 991px) { #thumbs_list { width: 80%; margin:auto;} } #thumbs_list ul#thumbs_list_frame { list-style-type: none; padding-left: 0; overflow: hidden; height: 450px!important; width:90px !important; } #thumbs_list li { height: 90px; width: 90px; cursor: pointer; margin-right: 8px; line-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 991px) { #thumbs_list ul#thumbs_list_frame { height: 75px; width: 100% !important; } #thumbs_list li { float:left; width: 76px; height: 76px; margin-right: 6px; } } #thumbs_list li a { display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fbfbfb; position: relative; margin: 0;} #thumbs_list li a:hover, #thumbs_list li a.shown { background: rgba(0, 0, 0, 0.78); } #thumbs_list li a:hover .thumb_hover { display: block; } #thumbs_list li a .thumb_hover{ display: none; position: absolute; left: 0; bottom: 0; top: 0; right: 0; background-color: rgba(0,0,0,0.3); } #thumbs_list li img { border: 1px solid #fff; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .show-right-column.hide-left-column #thumbs_list, .hide-right-column.show-left-column #thumbs_list { width: 294px; } @media (min-width: 992px) and (max-width: 1199px) { .show-right-column.hide-left-column #thumbs_list, .hide-right-column.show-left-column #thumbs_list { width: 194px; } } @media (min-width: 768px) and (max-width: 991px) { .show-right-column.hide-left-column #thumbs_list, .hide-right-column.show-left-column #thumbs_list { width: 82px; } } @media (max-width: 767px) { .show-right-column.hide-left-column #thumbs_list, .hide-right-column.show-left-column #thumbs_list { width: 196px; } } span.view_scroll_spacer { float: left; width: 39px; padding-left: 12px; } @media (min-width: 992px) and (max-width: 1199px) { span.view_scroll_spacer { width: 45px; padding-left: 18px; } } @media (min-width: 768px) and (max-width: 991px) { span.view_scroll_spacer { width: 30px; padding-left: 3px; } } @media (max-width: 767px) { span.view_scroll_spacer { width: 25px; padding-left: 0; } } .show-right-column.hide-left-column span.view_scroll_spacer, .hide-right-column.show-left-column span.view_scroll_spacer { width: 27px; padding-left: 2px; } @media (min-width: 992px) and (max-width: 1199px) { .show-right-column.hide-left-column span.view_scroll_spacer, .hide-right-column.show-left-column span.view_scroll_spacer { width: 44px; padding-left: 16px; } } @media (min-width: 768px) and (max-width: 991px) { .show-right-column.hide-left-column span.view_scroll_spacer, .hide-right-column.show-left-column span.view_scroll_spacer { width: 41px; padding-left: 13px; } } @media (max-width: 767px) { .show-right-column.hide-left-column span.view_scroll_spacer, .hide-right-column.show-left-column span.view_scroll_spacer { width: 45px; padding-left: 14px; } } #view_scroll_left, #view_scroll_right, #view_scroll_up, #view_scroll_down { height: 20px; width: 20px; line-height: 0; font-size: 0; overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { #view_scroll_left, #view_scroll_right { margin-top: 28px; } } #view_scroll_left:before, #view_scroll_right:before, #view_scroll_up:before, #view_scroll_down:before { padding-left: 2px; color: #c0c0c0; font-family: "FontAwesome"; font-size: 20px; line-height: 22px; } #view_scroll_left:hover:before, #view_scroll_right:hover:before, #view_scroll_up:hover:before, #view_scroll_down:hover:before { color: #333; } #view_scroll_down, #view_scroll_right { margin-top: 5px; margin-left: 35px; float: left; } #view_scroll_down:before, #view_scroll_right:before { content:"\f107"; } #view_scroll_up, #view_scroll_left { margin-top: 0; margin-left: 25px;} #view_scroll_up:before, #view_scroll_left:before { content:"\f106"; padding-right: 2px; } Będę wdzięczny za pomoc.

Czyli jeśli dobrze zrozumiałem wystarczy zrobić coś takiego jak poniżej by przewijanie zaczeło działać w pionie ? if ($(window).width() > 767 ){ if (parseInt($('#thumbs_list_frame >li:visible').length) != parseInt($('#thumbs_list_frame >li').length)) $('#wrapResetImages').stop(true, true).show(); else $('#wrapResetImages').stop(true, true).hide(); $('#thumbs_list_frame').height(parseInt($('#thumbs_list_frame >li').outerHeight(true) * $('#thumbs_list_frame >li').length) + 'px'); $('#thumbs_list').trigger('goto', 0); serialScrollFixLock('', '', '', '', 0); }else{ if (parseInt($('#thumbs_list_frame >li:visible').length) != parseInt($('#thumbs_list_frame >li').length)) $('#wrapResetImages').stop(true, true).show(); else $('#wrapResetImages').stop(true, true).hide(); $('#thumbs_list_frame').width(parseInt($('#thumbs_list_frame >li').outerWidth(true) * $('#thumbs_list_frame >li').length) + 'px'); $('#thumbs_list').trigger('goto', 0); serialScrollFixLock('', '', '', '', 0); }

Podbijam znów pytanie. Wersja presty 1.6.0.9 Szablon domyślny. Potrzebuję jakiegoś dobrego rozwiązania najlepiej na już . Jeśli znacie jakiś sposób to chętnie się poczytam.

Witajcie, jak wykonać modyfikację JS dla strony product.tpl by zdjęcia miniaturki w karcie były przewijane w pionie, a nie w poziomie ? Znalazłem kod JS ktory prawdopodobnie za to odpowiada: if (parseInt($('#thumbs_list_frame >li:visible').length) != parseInt($('#thumbs_list_frame >li').length)) $('#wrapResetImages').stop(true, true).show(); else $('#wrapResetImages').stop(true, true).hide(); $('#thumbs_list_frame').width(parseInt($('#thumbs_list_frame >li').outerWidth(true) * $('#thumbs_list_frame >li').length) + 'px'); $('#thumbs_list').trigger('goto', 0); serialScrollFixLock('', '', '', '', 0); Jak to ładnie zrobić by w wersji dla > 992px była wersja Pionowa a ponizej <992px wersja pozioma ?

Napisałem w wiadomości PW adres. Dobra, poradziłem sobię. Wrzuciłęm zmiany w css'ie tak by się wszystko wyświetlało dobrze. Kwestia tkwiła w tym że przy wersji komputerowej slider miał się wyświetlać na szerokość max 653px ale już na wersji tabletowej (768px) miał się wyświetlać na całą szerokość strony. W ustawieniach slidera dałem że slider ma się wyświetlać na max 768px, a w css'ach dodałem @media (min-width: 992px){ #homepage-slider .bx-wrapper{ max-width: 653px!important; } #homepage-slider .bx-wrapper .bx-viewport{ max-height: 400px!important; max-width: 653px!important; } } No i to pomogło.

Witajcie, Mam pewien problem ze sliderem na stronie głównej. Obrazy które wrzucam do slidera przy szerokości @768px wyświetlają się 1 obok 2 Jak wykonać modyfikację slidera by na mobilnych poniżej 768px wyświetlał się na pełnej szerokości ale też i wysokość była dobra ? Nie mam zielonego pojęcia jak to ustawić. Wersja PrestaShop 1.6.1.9 Moduł HomeSlider

I want to hide breadcrumb only on product page but in prestaShop 1.6.1.9 it is not like that . The breadcrumbs in the newest ps 1.6 version are in header.tpl in 120 line and it's like this: {if $page_name !='index' && $page_name !='pagenotfound'} {include file="$tpl_dir./breadcrumb.tpl"} {/if} How block displaying breadcrumbs inside IF ? page_name ? or somethink else ?

Odgrzewam temat. Ja mam problem w wersji PS 1.6.1.5. Zastosowałem się do Instrukcji jednak wykrzacza mi koszyk na każdej stronie, (poza stroną produktu - tam wyświetla się dobrze). Pomijam fakt, że po najechaniu (Hover) powinien się wysunąć Div z informacjami ( o ile jakis produkt jest w koszyku) domena http://technicolor.pl/sklep ---------------EDIT--------------- Zrobiłem tak jak kolega powyżej czyli w blocktopmenu.tpl dodałem: {hook h="displayInsideMenu"} z kolei w pliku blockcart.php dodałem: public function hookdisplayInsideMenu($params) { $params['blockcart_top'] = true; return $this->hookRightColumn($params); } Wszystko się ładnie wyświetla tylko problem jest z działaniem samego koszyka. Produkt po dodaniu do koszyka nie wyświetla się w tym hooku ( w menu pokazuje pusty a w top pokazuje poprawnie ). Koszyk po najechaniu nie reaguje ( ten w menu, ten w top strony działa jak należy.) Dodatkowo po najechaniu na koszyk w top otwiera się koszyk w menu ( ale j.w - ten hook uważa koszyk za pusty). ---------------EDIT--------------- Kolejna edycja i kolejny problem. Koszyk działa już mi jak nalezy i podobnie sprawa się ma jesli chodzi o klikanie itd. Problem teraz jest jakby z Cookies.. Po usunięciu produktu z kosza on dalej uporczywie wyświetla mi że coś tam jest ( np usuwam z kosza produkt - refresh strony i znów produkt jest w koszu)

Witam, Mam projekt sklepu który ma zawierać części samochodowe. Wprowadziłem w produktach możliwość wyboru - Typu, Rocznika, Zestawu. W obecnej chwili mam tak że wszystkie możliwe atrybuty ( te które wybrałem ) są wyświetlane. Teraz pytanie, czy da się ustawić atrybuty tak by pierwszym KONIECZNYM wyborem musiał być typ auta, następnie pojawia się odpowiednia lista roczników ( zależna od typu ), następnie zestaw ( zależny od typu i rocznika ), Tzn wybieram Typ auta, wyświetlają mi się dostępne roczniki, Wybieram później rocznik wyświetlają mi się dostępne zestawy, Potrzebuję tego konkretnego modelu ponieważ zestawy są zależne od rocznika i typu pojazdu. Nie może być tak że klient wybierze zestaw dla rocznika i typu auta który nie istnieje. np. W bazie mamy VW Golf 3 typy: Kombi Kabrio Hatchback Roczniki: Kombi - 2011 ( i nowsze ) Kabrio - 2010 ( i nowsze ) Hatchback - 2010-2014 Zestawy: Kombi - zestaw A, B Kabrio - zestaw C, D Hatchback - zestaw E, F Znacie jakiś sposób by to dobrze zrobić ?

Witam was, Wersja PrestaShop 1.6.1.5 Mam do wykonania pewną modyfikację z którą mam lekki kłopot. Mianowicie, na stronie produktu w miniaturach po kliknięciu przenosi nas do popupu ze zdjęciem. Ta funkcja jest zbędna w tym projekcie i chciałem ją wyłączyć/usunąć. Udało mi się powiększanie zdjęcia "wyłączyć" przy dużych zdjęciach (po kliknięciu na nie). Poprzez zakomentowanie w plikach szablonowych js/product.js dwóch elementów: Pierwszy: add a link on the span 'view full size' and on the big image $(document).on('click', '#view_full_size, #image-block', function(e){ $('#views_block .shown').click(); }); Oraz: if (typeof(contentOnly) !== 'undefined' && contentOnly) { $(document).on('click', '.fancybox', function(e){ e.preventDefault(); }); $(document).on('click', '#image-block', function(e){ e.preventDefault(); var productUrl = window.document.location.href + ''; var data = productUrl.replace(/[\?|&]content_only=1/, ''); if (window.parent.page_name == 'search') data += ((data.indexOf('?') < 0) ? '?' : '&') + 'HTTP_REFERER=' + encodeURIComponent(window.parent.document.location.href); window.parent.document.location.href = data; return; }); } Natomiast w przypadku Thumb_list są to linki <a href=""></a> Po najechaniu na miniaturę zmienia nam zdjęcie w ramce wyżej. I to w tym projekcie jest wystarczające. Natomiast po kliknięciu otwiera się fancybox - i tę właśnie funkcję chciałem usunąć/wyłączyć. plik product.tpl w miejscu thumb list wyglada tak: <div id="thumbs_list"> <ul id="thumbs_list_frame"> {if isset($images)} {foreach from=$images item=image name=thumbnails} {assign var=imageIds value="`$product->id`-`$image.id_image`"} {if !empty($image.legend)} {assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'} {else} {assign var=imageTitle value=$product->name|escape:'html':'UTF-8'} {/if} <li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}> <a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}" {else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}"> <img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" /> </a> </li> {/foreach} {/if} </ul> </div> <!-- end thumbs_list --> Macie jakieś pomysły ?

Nie działa bo możliwe, że mimo wrzucenia kod poprawnie do boxu html mogą blokować się biblioteki (jedna blokuje drugą) tak jak to zostało opisane u góry ("gryzą się"). Najlepiej sprawdź czy jQuery w 1.6.0.11 nie zawiera pluginu do wyświetlania tego cudeńka scroll'a i po prostu przy kodzie w module odwołaj się do niego. Najlepiej to pokaż kod który wklejasz i w jaki sposób to robisz. Wtedy można coś więcej powiedzieć.

@osterrka - Dziękuje

Zasadniczo nie, ale możesz pokombinować z dostawcami jako supplier ja tak dodawałem znaczek CNBOP przy produktachnp

W tym momencie dostaję 404 po wejściu w adres ( strona główna przekierowuje na "http://autokosmetyk.com.pl/autokosmetyk.com.pl/index.php?")

Witajcie, Mam sklep, który funkcjonuje już jakiś czas (konkretnie od 2013r), muszę do sklepu wprowadzić modyfikację która polegała by na: - zamiast głównej strony strona INTRO, na której można wybrać konkretną kategorię produktową i dopiero wtedy dostać się dalej. - zależy mi na tym by po kliknięciu w konkretną kategorię były widoczne podkategorię tylko i wyłącznie z danej kategorii ( innych kategorii ma być nie widać). Dokładny efekt o który mi chodzi jest wykorzystany na stronie >> www.firemax.pl na stronie "głównej" są 4 kategorie które kierują dalej, ale tak że tych innych kategorii nie widać. (tak jak by były to 4 oddzielne "sklepy:) I do tego mam jeszcze pytania: - Czy na preście jest możliwość wykonania czegoś takiego ? - Jeśli tak to na której wersji PS najlepiej ? - Słyszałem, że po dodawaniu stron "intro" kiełbasi się pozycjonowanie strasznie, to prawda ?