4520000297 S4520000297 Hyosung Cassette Voedingsrollaschacht 7310000574-14

... ``` Opmerking: dit is de vereiste voor het uitvoerformaat. Ik heb alleen het inhoudsfragment nodig. HTML, head, body, doctype etc. zijn niet nodig. Alleen de stijl en semantische elementen volgens de vereisten. Laat me mijn gedachten over de structuur verfijnen: 1. **Stijlblok** met vooraf ingestelde klassen (`pd-`). 2. **Secties**: - Productoverzicht (met tabel) - Volledig assortiment reserveonderdelen voor Hyosung-geldcassettes - Verpakking en verzending (afbeeldingen) - Neem contact met ons op 3. Nee h1-h4; gebruik gestileerde div's. 4. Lettergroottes in px met !belangrijk, basis 14px. 5. Geen pseudo-elementen voor lijstopsommingen. 6. Stevige tafelranden. 7. Afbeeldingen bewaard met alternatieve tekst. Laat me schone CSS schrijven: ```css .pd-wrap { font-family: ...; lettergrootte: 14px !belangrijk; lijnhoogte: 1,65; kleur: #333; } ``` Laat mij het bouwen. Voor de tabel gebruik ik een goede specificatietabel met twee kolommen. De afbeeldingen: - `/photo/tigeratmparts/editor/20241021100036_80400.jpg` — de invoerrolas - `/photo/tigeratmparts/editor/20241021100037_54849.jpg` — verpakking - `/photo/tigeratmparts/editor/20241021100040_28640.jpg` — verzending - `/photo/tigeratmparts/editor/20241021100044_31523.jpg` — neem contact met ons op Laat mij de HTML construeren. Voor de tabel maak ik deze responsief met een wrapper die horizontaal scrolt op kleine schermen. Laat mij het uiteindelijke resultaat schrijven. Ik zal de specificatietabel opmaken met afwisselende rijachtergronden, de linkerkolom als label met een enigszins gedempte kleur en halfvet. Structuur: ```html

``` Laat me de kopieerverfijning zorgvuldig vormgeven. Paragraaf Productoverzicht – blijf zoals het meestal is, verfijnd. Tabelrijen: - Onderdeelnummer: 4520000297 S4520000297 - Merk: Hyosung - SKU-code: 7310000574-14 - Beschrijving: Hyosung Cassette Feed Roller Shaft - Functie: ATM Cash Cassette Bankbiljetteninvoer, scheiden en verzenden - Conditie: Nieuw - Gebruikt voor: Hyosung Cassette - Garantie: 3 maanden - Handelstermijn: EXW Dan de afbeelding van de rolas met alt. Sectie: Volledig assortiment reserveonderdelen voor Hyosung-geldcassettes - twee paragrafen. Vervolgens het gedeelte Verpakking en verzending met afbeeldingen en lijsten. Neem contact met ons op met een afbeelding. Let op de "Verpakking:" en "Verzending:" - ik zal een gecombineerde sectie "Verpakking en verzending" maken, of afzonderlijke subkoppen behouden. Laat ik 'Verpakking' en 'Verzending' als subkoppen binnen één sectie doen, of afzonderlijke secties. Voor de duidelijkheid zal ik afzonderlijke secties maken - eigenlijk is een gecombineerde sectie "Verpakking en verzending" met twee subsecties leuker. Hmm, maar de vereiste zegt dat elke sectie een duidelijke kop moet hebben. Laat me twee secties maken: "Verpakking" en "Verzending". Eigenlijk heeft het origineel de verpakking en verzending gegroepeerd in hetzelfde gebied tussen twee afbeeldingen. Ik maak een sectie "Verpakking en verzending" met twee subkopjes (pd-subkop). Dat is prima. Eigenlijk eenvoudiger: twee afzonderlijke secties. Laat mij het volgende doen: - Sectie: Verpakking - Sectie: Verzending Hmm, maar dan heeft elk één afbeelding. Dat is prima en schoon. Eigenlijk combineer ik omdat ze gerelateerd zijn: "Verpakking en verzending" met subdivs. Laat me twee secties doen voor netheid en semantische groepering. Hm. Ik ga voor een enkele sectie "Verpakking en verzending" met twee 'pd-subheading'-blokken. Ofwel werkt. Laat me twee afzonderlijke secties kiezen voor maximale duidelijkheid... Ik ga voor de gecombineerde sectie "Verpakking en verzending" - deze leest beter en komt overeen met de bronstroom. Laat me het nog eens heroverwegen: de bron toont de afbeelding van de verpakking en vervolgens de afbeelding van de verzending. Twee aparte onderwerpen. Ik zal twee secties doen. Prima. Besluit: twee secties, "Verpakking" en "Verzending". Hmm, maar een sectie met slechts één zin en één afbeelding is een beetje mager. Toch is het prima en semantisch. Laat mij dat in plaats daarvan doen: Sectie "Verpakking en verzending" met subsecties. Ik ga daarmee akkoord. Finale. Nu verzendlijst: DHL, Fedex, UPS, TNT, EMS - als lijst. Laat mij het schrijven. CSS-details: ```css .pd-wrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; lettergrootte: 14px !belangrijk; lijnhoogte: 1,7 !belangrijk; kleur: #333d47; maximale breedte: 100%; doosgrootte: randdoos; -webkit-lettertypeverzachting: anti-aliasing; } .pd-wrap * { box-sizing: border-box; } ``` Let op — `.pd-wrap *` met doosgrootte is prima. Koppen: ```css .pd-heading { font-size: 18px !important; lettertypegewicht: 700 !belangrijk; lijnhoogte: 1,35 !belangrijk; kleur: #14293d; marge: 0 0 14px 0; opvulling: 0 0 10px 0; rand-onder: 2px effen #e2e8ee; positie: relatief; } ``` Hmm, de vereiste zegt nee ::before/::after voor opsommingstekens of pictogrammen in de lijst. Grenzen zijn prima. Ik gebruik een linkeraccentbalk via rand-links plus onderrand? Laten we het simpel houden: linkeraccentrand. ```css .pd-heading {font-size: 18px !important; lettertypegewicht: 700 !belangrijk; lijnhoogte: 1,4 !belangrijk; kleur: #14293d; marge: 0 0 16px; opvulling: 2px 0 2px 12px; rand-links: 4px effen #0a6ebd; } ``` Nee ::before/::after nodig. Subkop: ```css .pd-subheading { font-size: 15px !important; lettertypegewicht: 600 !belangrijk; kleur: #0a6ebd; marge: 0 0 8px; } ``` Paragraaf: ```css .pd-text { font-size: 14px !important; lijnhoogte: 1,75 !belangrijk; kleur: #3d4a57; marge: 0 0 14px; } .pd-text:laatste kind { marge-onder: 0; } ``` Sterk binnen: `.pd-wrap strong { font-weight: 600; kleur: #14293d; }` — maar voorzichtig, dat kan conflicteren. Het is bedoeld voor .pd-wrap zo fijn, hoewel een beetje breed. OK. Tabel: ```css .pd-table-wrap { breedte: 100%; overloop-x: automatisch; -webkit-overflow-scrollen: aanraken; marge: 0 0 4px; rand: 1px effen #d8e0e8; randradius: 4px; } .pd-specificatietabel {breedte: 100%; minimale breedte: 420px; grens-instorting: ineenstorting; randafstand: 0; achtergrond: #fff; lettergrootte: 14px !belangrijk; lijnhoogte: 1,6 !belangrijk; } .pd-spec-tabel th, .pd-spec-tabel td {rand: 1px solid #d8e0e8; opvulling: 10px 14px; tekst uitlijnen: links; verticaal uitlijnen: boven; lettergrootte: 14px !belangrijk; lijnhoogte: 1,6 !belangrijk; } .pd-spec-tabel th { breedte: 32%; minimale breedte: 130px; achtergrond: #f4f7fa; kleur: #14293d; lettertypegewicht: 600 !belangrijk; witruimte: nowrap; } ``` Hmm, met samenvouwen van de randen plus de omhullende rand, zouden er dubbele randen zijn. Gebruik 'border-collapse: collapse' op de tabel en stel de omhullende rand in op 'geen', zodat ronde hoeken niet zichtbaar zijn. Laat me de wikkelrand gewoon laten vallen en de tafelranden behouden. Met border-collapse:collapse worden de buitenste randen van de tabelcellen zichtbaar. De verpakking heeft dus `border: geen` nodig. Maar dan is de grensradius niet van toepassing. Fijn – houd het simpel, geen radius. Gewoon overal stevige randen, zoals vereist. Eigenlijk een probleem met de geneste rand: tabel in overflow-x wrapper - prima. Laat me alleen wrapper: `overflow-x: auto;` instellen. Tabel met `border-collapse: collapse` en cellen met `border: 1px solid #d8e0e8` geeft zuivere enkele lijnen. Afbeelding: ```css .pd-figure { marge: 18px 0 0; tekst uitlijnen: centreren; } .pd-img {weergave: blok; breedte: 100%; maximale breedte: 640px; hoogte: automatisch; marge: 0 automatisch; rand: 1px effen #e2e8ee; randradius: 4px; achtergrond: #fff; } .pd-caption { lettertypegrootte: 13px !belangrijk; kleur: #7a8794; marge bovenaan: 8px; tekst uitlijnen: centreren; } ``` Bijschrift is optioneel; bron heeft geen ondertiteling. Ik sla de ondertiteling over, tenzij dit misschien nuttig is. Vereiste zegt dat voor video een aria-label/track/nearby div-beschrijving moet worden verstrekt. Voor afbeeldingen, gewoon alt. Ik sla de ondertiteling over om trouw te blijven. Eigenlijk voegt een klein bijschrift duidelijkheid toe aan de tabelafbeelding. Ik laat het schoonhouden achterwege. Hmm, alt-tekst is voldoende. Lijsten: ```css .pd-lijst { marge: 0 0 14px; opvulling: 0 0 0 20px; lijststijl: schijf; } .pd-lijst li { lettertypegrootte: 14px !belangrijk; lijnhoogte: 1,75 !belangrijk; marge-onder: 6px; opvulling links: 2px; } .pd-lijst li:laatste kind {marge-onder: 0; } ``` Vereiste: nee ::before/::after voor lijstopsommingstekens — standaard schijf in lijststijl is prima. Sectie: ```css .pd-sectie { marge: 0 0 34px; } .pd-section:last-child {marge-onder: 0; } ``` Bijschrift voor contact: ```css .pd-contact { achtergrond: #f4f7fa; rand: 1px effen #dfe6ed; rand-links: 4px effen #0a6ebd; randradius: 4px; opvulling: 18px 20px; } ``` Laten we nu inhoud schrijven. Overzichtsparagraaf: "De4520000297 / S4520000297 Hyosung cassette-aanvoerrolasis een kernprecisiecomponent ontworpen voor Hyosung ATM-geldcassettesystemen, volledig compatibel met geldautomaten uit de Hyosung 5600T-, CST-1100- en 2K-serie. Als belangrijk onderdeel van het toevoer- en scheidingsmechanisme voor bankbiljetten levert deze rolas een stabiel roterend transmissievermogen, waardoor het oppakken, invoeren en transporteren van bankbiljetten soepel verloopt. Het lost op effectieve wijze veelvoorkomende ATM-fouten op, zoals papierstoringen, mislukte invoer van bankbiljetten, onregelmatige uitvoer van bankbiljetten en abnormale werking van de cassette, waardoor de stabiele werking van het ATM-geldautomaatsysteem op lange termijn wordt gehandhaafd. cassettecomponenten, die alle draagbare en vervangbare onderdelen voor Hyosung-cassettesystemen omvatten. Ons volledige productassortiment voldoet aan de one-stop-aankoopbehoeften voor onderhoud, reparatie en modernisering van geldautomaten." Paragraaf 2: "Onze beschikbare reserveonderdelen voor Hyosung-geldcassettes omvatten, maar zijn niet beperkt tot:" en vermeld vervolgens: - Geldcassetterol - Pickup-rol - Scheidingsrol - Tandwielset - Transmissie-as - Veer - Sensor - Schot - Cassetteslotsamenstel - Notitiescheidersamenstel - Andere draagbare kernonderdelen Dan: "Alle onderdelen zijn compatibel met reguliere Hyosung ATM-modellen zoals de 5600T, 5800, CST-1000, CST-1100, 2K en 4K cassettes. Of u nu een enkel vervangend onderdeel of een volledige cassette-accessoireset nodig heeft, wij kunnen u een bijpassende professionele oplossing bieden." Dat is een goed gebruik van een lijst. Goed. Vervolgens sectie Verpakking en verzending: - Subkop Verpakking: "Kartonnen verpakking en palletverpakking, of volgens de eisen van de klant." + afbeelding - Subkop Verzending: "Door de lucht, per expresse of over zee" + lijst met vervoerders DHL, FedEx, UPS, TNT, EMS + "We kunnen de goederen leveren volgens de eisen van de douane via DHL, FedEx, UPS, TNT, EMS, enz." + afbeelding Laat me zeggen: "We kunnen de levering per vliegtuig, per expresse of over zee regelen, met behulp van vervoerders zoals DHL, FedEx, UPS, TNT en EMS in overeenstemming met de douanevereisten." Neem vervolgens contact met ons op - sectie contact + afbeelding. Laat me de definitieve HTML schrijven. Nog een: de topproducttitel "4520000297 S4520000297 Hyosung Cassette Feed Roller Shaft 7310000574-14" — moet ik deze opnemen? De vereiste zegt dat ik niet moet beginnen met een algemene sectietitel zoals "Productbeschrijving". De producttitel wordt vermoedelijk al op de pagina weergegeven. Ik laat de gedupliceerde titel weg omdat deze ook woordelijk in de beschrijving en het overzicht voorkomt. Hmm - maar het is productdetailinformatie. De instructie: "begin niet met een algemene sectietitel (bijvoorbeeld 'Productbeschrijving')". De producttitel is een titel, waarschijnlijk afgehandeld door de pagina template. I'll omit it. Actually, safer to omit — includes it in overview anyway. Now write. For the "Function" row — includes trailing spaces, clean up: "ATM cash cassette banknote feeding, separating and transmission". Let me produce final output. Also add `word-break` safety? Not needed. Responsive: consider stacking table on small screens? Keep the scroll wrapper — that's the standard safe approach. Also maybe add `table-layout: auto` — fine. Write the CSS met px !belangrijk voor lettergroottes zoals vereist. De uiteindelijke uitvoer hieronder. Hier is het HTML-inhoudsfragment voor de Hyosung ATM-cassette-invoerrolas, klaar om in uw productdetailcontainer te plaatsen