Kotwica nie dziala

[damian1538]

Witajcie.
Na mojej stronie KILK (http://bialaroza.net/index.php) Nie działa kotwica kontakt w menu. Nigdy tego nie używałem dlatego proszę o rady co robię nie tak.

Standardowo w menu już był przycisk kontakty. W pozycji link wpisane było #Contact-us i działało. Dziś spostrzegłem ze już niestety nie działa.
Dodałem też kotwice ręcznie w teksie i też nie przewija strony. :(

Do czego odwołują się te kotwice. może zmieniłem nazwę modułu czy coś?

Z góry dziękuje.

- - - Updated - - -
Podałem pełny lik do kotwicy : http://bialaroza.net/index.php#kontakty natomiast samo #kontakty nic nie daje.
Ok teraz działa jednak inaczej niż wcześniej. Od razu przeskakuje na kontakt, natomiast wcześniej się 'skrolowalo'.
Pomuszta :(

[siristru]

A dodaj taki kodzik w index.php szablonu, na samym końcu a tuż przed </body>


<script type="text/javascript" >
$("<id linku a>").click(function() {
$('html, body').animate({
scrollTop: $("#kontakty").offset().top
}, 1000);
});
</script>

Tylko nadaj klasę temu linkowi albo id i zmień <id linku a> na ID twojego linka w menu.

[moje]

Wiecie, że tego nie robi się JS'em tylko kodem html?

Wystarczy, że któryś z elementów stopki będzie miał atrybut id z wartością kontakty.

[siristru]

Tak, ale chodzi o gładkie przewijanie do danego punktu - nie przeskok. Kodem HTML zrobisz tylko przeskok, ustawienie suwaka na danym bloku.

[moje]

To da się zrobić CSSem ;)

[damian1538]

Dziękuje za pomoc :) ALe mam jeszcze jedno pytanko. Na stronie głównej jest szary pasek który się pojawia jak jaz jadę scrollem. Chciałbym aby pasek był cały czas. Taj samo jak w podstronach. To chyba trzeba szukać w css?

[siristru]

jQuery dopisuje klasę "scrolled" kiedy przewiniesz stronę. To zmienia wygląd paska.
Chcesz to zmienić - musisz zmienić css:


#jm-logo-nav {background: #333232 !important;}

W ROOT/templates/jm-trips/css/template.26.css

[damian1538]

Edytuje dany fragment i po chili plik jest edytowany do poprzedniej formy. Chyba na stronie jest dynamiczny css. Jak to obejsc? EF4 FRAMEWORK chyba to mam u siebie

[siristru]

Wygląda na to, że działa: http://prntscr.com/iov4po
Ale wyłącz ten trybik po lewej. Kliknij go i zobacz co on robi.

[roman]

A dodaj taki kodzik w index.php szablonu, na samym końcu a tuż przed </body>


<script type="text/javascript" >
$("<id linku a>").click(function() {
$('html, body').animate({
scrollTop: $("#kontakty").offset().top
}, 1000);
});
</script>

Tylko nadaj klasę temu linkowi albo id i zmień <id linku a> na ID twojego linka w menu.


Jak to umieścić i gdzie, jak się używa Gntry 5???

[siristru]

Jak?

CTRL+C następnie CTRL+V. Alternatywnie przy pomocy menu kontekstowego. Używając edytora tekstowego.

Gdzie?

Jest napisane w poście: "w index.php szablonu, na samym końcu a tuż przed </body>

Jak sie używa Gantry 5?

https://lmgtfy.com/?q=how%20to%20use%20gantry%205&s=ghttps://lmgtfy.com/?q=how%20to%20use%20gantry%205&s=ghttps://lmgtfy.com/?q=how%20to%20use%20gantry%205&s=g

[roman]

Woj, czy takie odpowiedzi komuś pomagają???????? Czy t tylko robienie sobie dobrze na samopoczucie?

- Jak to umieścić i gdzie, jak się używa Gntry 5??? -może powinienem napisać gdy -gdy się używa Gantry, ale sądziłem że to nie jest trudno zrozumień ::((

Każde umieszczenie tego w pliku index, powoduje wsypani esię strony, sądzę, że w samym Gantry jest jakieś miejsce do umieszczania takich skryptów, pytałem włażnie o to.
Trochę drażni ta czysto Polska arogancja ::(((

[terra]

Woj, czy takie odpowiedzi komuś pomagają???????? Czy t tylko robienie sobie dobrze na samopoczucie?

- Jak to umieścić i gdzie, jak się używa Gntry 5??? -może powinienem napisać gdy -gdy się używa Gantry, ale sądziłem że to nie jest trudno zrozumień ::((

Każde umieszczenie tego w pliku index, powoduje wsypani esię strony, sądzę, że w samym Gantry jest jakieś miejsce do umieszczania takich skryptów, pytałem włażnie o to.
Trochę drażni ta czysto Polska arogancja ::(((
Myślę, że arogancją jest taki post jak Twój.
1. Pierwsza podstawowa zasada "Jakie pytanie taka odpowiedź"
2. z postu nie zawsze można wywnioskować wiedzy autora
3. jeśli coś jest niezrozumiałe, to zawsze warto dopytać.
4. na forum udzielają się wolontariusze, więc trochę szacunku.

Tobie może nie ale to forum pomogło setkom a może nawet tysiącom użytkownikom.

pzdr

[siristru]

Każde umieszczenie tego w pliku index, powoduje wsypani esię strony

A pokaż zawartość pliku index.php.

Hmmm, dla Gantry 5 to może być nieco bardziej złożone bo, o ile pamiętam, tam w użyciu sa bloki i index.php tylko je spaja.

Jak się nazywa twój szablon? Ewentualnie czy udostępnić paczkę z tym szablonem?

[roman]

Tam jest jeszcze ciekawiej, bo taka funkcja wyraźnie jest już obecna. Gdy wstawiam "klocek" do góry, on właśnie tak się ładnie przesuwa. Czyli to już jest tylko gdzie i jak się do tego odwołać, będę dzisiaj szukał.
Mój szablon to ten najpopularniejszy. Hydrogen 5.4

Index:

<?php
/**
* @package Gantry 5 Theme
* @author RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - 2017 RocketTheme, LLC
* @license GNU/GPLv2 and later
*
* http://www.gnu.org/licenses/gpl-2.0.html
*/


defined('_JEXEC') or die;






// Bootstrap Gantry framework or fail gracefully (inside included file).
$gantry = include __DIR__ . '/includes/gantry.php';


/** @var \Gantry\Framework\Theme $theme */
$theme = $gantry['theme'];


// All the custom twig variables can be defined in here:
$context = array();


// Render the page.
echo $theme->render('index.html.twig', $context);

------------------------------------------------
i tyle.

[siristru]

Dobra, wejdź na Zaplecze -> Rozszerzenia -> Szablony i kliknij na twój szablon.
Przejdź do zakładki Page Settings.
W części Body Attributes zaznacz pole Before </body> i tam dodaj kodzik.

Nie ma co grzebać w plikach, w szablonie jest na to specjalne pole.

Ale ale, kodzik będzie działać tylko jeśli będziesz miał wcześniej (w head) zdefiniowane jQuery i odpowiednią strukturę w menu.