Jump to content

Edycja kodu - dodawanie elementów na karcie produktu


michal_c

Recommended Posts

Witajcie,

Od jakiegoś czasu próbuję rozgryźć PS i jego podział na setki plików. Mam jedną kwestię, której nie mogę rozgryźć.

W sklepie, który tworzę są dwa typy produktów.

  1. Produkty z klasyczną kartą produktu
  2. Produkty z konfiguratorem (klasyczna karta produktu jest ukryta).

Pytanie dotyczy produktów z pkt.2. Dodam tylko, że wspomniany konfigurator, to oddzielny moduł.

Otóż poradziłem sobie z edycją css i z grubsza ostylowałem kartę produktu.

Problem w tym, że nie wiem gdzie mogę dodać do kodu nowe elementy. Zależy mi na dodaniu dodatkowych przycisków pod przyciskiem "Dodaj do koszyka" (załącznik). Na klasycznej stronie dodałbym diva w html i problemie.

A Tu nie mam pojęcia, gdzie szukać miejsca na wpisanie kodu. 

Zrzut ekranu 2022-08-25 090258.jpg

Zrzut ekranu 2022-08-25 090254.jpg

Link to comment
Share on other sites

Już znalazłem.

Niestety wygląda na to, że ten div jest tworzony przez oddzielny plik javascript, a niestety z tego języka znam tylko podstawy.

W jaki sposób najlepiej dodać taki przycisk?

Wklejam do html np:

<p>Click below to see the onClick functionality</p>
<button type="button" id="btn" onclick="sampleClick()">Click Here!</button>
<p id="samplebtn"></p>

a do js:

function sampleClick() {
varbtnX = document.getElementById("btn");
btnX.disabled = true;
}

Gdzie najlepiej wkleić kod w pliku js? Na końcu?

Link to comment
Share on other sites

Kod js który ma działać w szablonie najlepiej dodać do pliku custom.js 

 

Jeśli div jest dodawany przez js to w taki sam zabieg możesz zrobić na swoim elemencie, ewentualnie możesz go dodać i tylko przenieść go za pomocą js w docelową lokalizacje.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...