Hallo, ik heb een vraagje, ik heb een code gemaakt, maar deze voeg ik toe bij aan gepaste liqueds en dat moet ik handmatig doen, kan iemand bij helpen om dit automatish in te laten voeren, en dat het automatish de juiste producttitel en prijsen toepast en meteen in de thema code te doen ?
de code die ik heb gemaakt, krijg ik ook nog niet helemaal goed voor de telefoon, dus hopelijk zou iemand me kunnen helpen zou fijn zijn. dit is de code die ik maakte had
<! DOCTYPE: html>
< head> Product Weergave /* Variabelen voor eenvoudige aanpassingen */ :root { --title-size: 25px; /* Grootte titel */ --title-weight: 600; /* Dikte titel */ --title-margin-left: -15px; /* Afstand van de titel naar links */ --title-margin-top: 107px; /* Hoogte positie van de titel */–korting-grootte: 14px; /* Grootte kortingstekst /
–discount-color: #8B0000; / Kleur kortingstekst /
–discount-margin-bottom: -5px; / Afstand tussen korting en prijzen */
–oude-prijs-grootte: 14px; /* Grootte oude prijs /
–old-price-kleur: grijs; / Kleur oude prijs */
–huidige-prijs-grootte: 22px; /* Grootte huidige prijs /
–current-price-weight: 600; / Dikte huidige prijs /
–current-price-color: #8B0000; / Kleur huidige prijs */
–prijs-hoogte: 25px; /* Zorgt ervoor dat de prijzen op dezelfde lijn staan */
–afstand-tussen-prijzen: 6px; /* Afstand tussen oude en nieuwe prijs */
–pricing-align-right: -14px; /* Hoe ver het prijsgedeelte naar rechts staat /
–pricing-margin-top: 100px; / Hoe laag het prijsgedeelte staat */
–container-vulling: 10px 15px; /* Binnenruimte van de container /
–container-max-width: 500px; / Maximale breedte van container /
–container-margin: 0; / Verwijdert margin van container */
}
body {
font-family: ‘Montserrat’, schreefloos;
vulling: 0;
marge: 0;
achtergrondkleur: #fff;
Scherm: Flex;
uitvullen-inhoud: midden;
uitlijnen-items: midden;
Hoogte: 100vh;
doos-formaat: border-box;
}
.product-container {
display: flex;
inhoud: spatie tussen;
uitlijnen-items: midden;
breedte: 100%;
max-breedte: var(–container-max-breedte);
vulling: var(–container-vulling);
marge: var(–container-marge);
}
.product-title {
font-size: var(–title-size);
lettertype-gewicht: var(–title-weight);
Kleur: #000;
marge-links: var(–titel-marge-links);
marge-boven: var(–titel-marge-boven);
marge-rechts: auto;
}
.product-pricing {
text-align: rechts;
Scherm: Flex;
flex-richting: kolom;
items uitlijnen: flex-uiteinde;
marge-recht: var(–pricing-align-right);
marge-top: var(–prijzen-marge-top);
}
.discount {
kleur: var(–discount-color);
lettergrootte: var(–kortingsgrootte);
lettertype-gewicht: vet;
marge-onder: var(–korting-marge-bodem);
}
.price-wrapper {
display: flex;
uitlijnen-items: midden;
Kloof: var(–Tussen-prijzen);
hoogte: var(–prijs-hoogte);
}
.old-price {
tekst-decoratie: regel-door;
Kleur: Var (–oude-prijs-kleur);
lettergrootte: var(–oude-prijs-grootte);
}
.current-price {
font-size: var(–current-price-size);
lettertype-gewicht: var(–huidige-prijs-gewicht);
kleur: var (–huidige-prijs-kleur);
lettertype-familie: ‘Montserrat’, schreefloos;
}
/* 
MEDIA QUERY VOOR MOBIEL */
@media (max-width: 768px) {
:root {
–title-size: 20px;
–titel-marge-bovenaan: 0px;
–korting-grootte: 12px;
–huidige-prijs-grootte: 20px;
–prijs-marge-top: 5px;
–prijzen-uitlijnen: 0px;
}
.product-container {
flex-richting: rij;
uitlijnen-items: midden;
tekst-uitlijnen: links;
}
.product-title {
marge-links: 0;
marge-rechts: 15px;
}
.product-pricing {
align-items: flex-end;
tekst-uitlijnen: rechts;
}
.price-wrapper {
flex-richting: rij;
opening: 6px;
}
}