Breadcrumbs, przeniesienie w inne miejsce

[iza997]

Chcialbym przesunac okruszki w inne miejsce (pod naglowek bezposrednio powyzej lewej kolumny i srodkowego bloku), znalazlem podpowiedz, ale nie do konca zalapalem chyba. Oto rozwiazanie:
http://www.prestashop.com/forums/topic/54552-solved-how-to-move-the-breadcrumb-to-its-own-hook/?do=findComment&comment=348653

punkt 1 jest oczywisty, ale potem:

punkt 2 i SCRIPT. Czy autor ma po prostu na mysli, ze nalezy wziac je w tagi?

I na koniec

 

 

<div id="bc"></div>

czy to oznacza, ze w tpl-ach, gdzie chce aby sie breadcrumbs wyswietlalo, musze dodac te linie? Jesli tak, w ktorym miejscu kodu?

Dziekuje bardzo

 

 

[vekia]

rozwiązanie tam zaproponowanie jest stare, dla starszych wersji presty

z jakiej wersji Ty korzystasz?

[iza997]

1.5.6.2

[vekia]

już widzę o co chodzi

każda ze stron w preście ma swoją własną definicję breadcrumbsów,

tj. np. strony cms mają ja w cms.tpl - storny kategorii w category.tpl

a jest tego więcej, zerknij w katalog z szablonem

 

pytanie teraz, czy chce Ci się modyfikowac te wszystkie pliki ręcznie?

[iza997]

Czyli dobrze odczytalem poprzednia wskazowke, zeby edytowac wszystko. Czy jest zatem inna metoda?

[vekia]

nie jest to w 100% dobre rozwiązanie bo przenosi treści poprzez javascript.

niemniej jednak działa.

 

w headerze trzeba wkleić kod który treści ze starego breadcrumba przeniesie do nowego.

tj.

 

w header.tpl tam gdzie chcesz wyświetlić breadcrum dodajesz diva gdzie nowy breadcrumb ma byćprzeniesiony. oraz skryp który go przeniesie.

<div id="new_bc"></div>
{literal}
<script>
$(document).ready(function(){
$('#new_bc').html($('#old_bc').html());
});
</script>
{/literal}

stary breadcrumb musi miec id="old_bc"

[iza997]

Wrocilem z pracy i od razu zrobilem. Obecnie breadcrumbs jest zdublowany, pojawil sie nowy "pasek" jak chcialem, ale stary nie zniknal. Wrzucam poczatkowy fragment kodu breadcrums.tpl

<!-- Breadcrumb -->
{if isset($smarty.capture.path)}{assign var='path' value=$smarty.capture.path}{/if}
<div id="old_bc" class="breadcrumb">    <a href="{$base_dir}" title="{l s='Return to Home'}">

To czesc podmieniona.

Natomiast tu wyladowal skrypt:

<div id="columns" class="grid_9 alpha omega clearfix">
                <!-- Left -->
    
<div id="new_bc"></div>
{literal}
<script>
$(document).ready(function(){
$('#new_bc').html($('#old_bc').html());
});
</script>
{/literal}
            <div id="left_column" class="column grid_2 alpha">
                    {$HOOK_LEFT_COLUMN}

Sorry for being such pain...

[vekia]

tuż za:

$('#new_bc').html($('#old_bc').html());

dodaj:

$('#old_bc').html('');

[iza997]

Zrobione. Wyglada to w ten sposob, ze powyzej h1 wciaz "jest" breadcrumbs, ale niewyswietlany, pozostal waski pasek tla:

<div id="center_column" class=" grid_7 omega">
    <!--
     Breadcrumb
    -->
    <div id="old_bc" class="breadcrumb"></div>
    <!--
     /Breadcrumb
    -->

Chyba tego nie da sie obejsc bez edycji plikow tpl?

Jedyne co pozostaje mi zrobic, to zlikwidowac tlo spod h1 (zeby bylo jednolite z tlem srodka, wtedy zniknie pasek). Dzieki bardzo.

Jeszcze tylko jedno. Czy jestes w stanie podpowiedziec mi jak zmienic wyglad okruchow przez CSS? Obecnie ustalany jest w global.css (body i div) a ikona domku przez a, a:active, a:visited. Oczywiscie jestem w stanie zmienic kolor linkow itd, ale to oznacza zmiane kolorow w calej sekcji body itd. W jaki sposob moge to zmienic?

Jeszcze jedna edycja.

Siedze w css i probuje. Zlikwidowalem bialy pasek, nie ma obecnie sladu po "starych okruchach" ale to wszystko co mi sie udalo edytujac global.css i nie zmieniajac kolorystki calego body.

Edited May 19, 2014 by iza997 (see edit history)

[vekia]

no to jeszcze jedna rzecz, zamiast:

$('#old_bc').html('');

skorzystaj z:

$('#old_bc').remove();

[iza997]

Niby to samo a jednak efekt inny. Teraz slad po starym breadcrumbs zaginal, niemniej nie moge poslugiwac sie fragmentem global.css odpowiedzialnym za wyswietlanie jego.

(czyzby powstawal poradnik?)

[vekia]

a czy ten Twój nowy div ma klasę: class="breadcrumb" ?

[iza997]

Tak, wyzej wkleilem Ci zmieniony kod. Modyfikuje zgodnie z Twoimi poleceniami. Jedyne gdzie grzebie to CSS.

[vekia]

no właśnie w tym kodzie nowy breadcrumb nie ma tej klasy, a musi.

<div id="new_bc"></div>

[iza997]

No to nieporozumienie. W breadcrumb.css bylo odwolanie do class w header.css juz nie. Dopisalem i dziala fantastycznie. Jak tylko skoncze pokaze strone. Tak naprawde pozostalo dogranie szcegolow. Dziekuje bardzo.

Edited May 20, 2014 by iza997 (see edit history)

[vekia]

no to udało nam się dojść do wyniku,

to mamy rozwiązanie dla przyszłych pokoleń

[iza997]

To nieco prowizoryczne, ale podobno prowizorki sa najlepsze Nie wiem czy nie byloby warto nadac praw modulu temu elementowi, ale przy tym jak obecnie programik jest skonstruowany to oznaczaloby spora demolke.