Positie van winkelwage icontje veranderen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior richting Lead PHP developer e-platforms

Functieomschrijving Als Lead PHP Developer binnen deze unieke organisatie ga je samen met de directie en team bepalen welke richting jullie met onze software opgaan. Er is een grote mate van eigen inbreng en vrijheid binnen je team en er heerst een leuke sfeer. Je komt te werken met sympathieke collega's. Het is belangrijk dat je naast PHP ervaring ook een prettige persoon bent in de omgang waar het prettig mee samenwerken is. Daarnaast help je met het uitbouwen van zowel de e-platform als de team van ontwikkelaars. Er is momenteel ruimte voor een PHP ontwikkelaar met 4 (of meer)

Bekijk vacature »

Java Developer met Kafka ervaring met Data project

Functieomschrijving Als Java ontwikkelaar sta je aan de basis van het softwareproduct. Je ontwerpt, je ontwikkelt, je verbetert en je test. De eindgebruiker van het softwarepakket plukt de vruchten van jouw doelgerichte inzet: hij krijgt een uitstekend softwareproduct dat doeltreffend en stabiel is, exact op maat gesneden voor zijn specifieke werksituatie. Je beoordeelt de kwaliteit ende volledigheid van te ontwikkelen software. Verder neem je kennis van de programmeer richtlijnen en zorg je ervoor dat de ontwikkelde software voldoet aan de gestelde richtlijnen. Tot slot hou je jezelf op de hoogte van relevante ontwikkelingen op het gebied van software. In deze

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Senior Java-developer

Functie­omschrijving De Rijksoverheid beschikt over een enorm Java-landschap. Als senior Java-developer bij het Rijks ICT Gilde werk je dan ook aan uitdagende en veelzijdige opdrachten. Je helpt ministeries en uitvoeringsorganisaties succesvol te zijn in het continu ontwikkelen en verbeteren van technische oplossingen. Zo help je de Rijksoverheid om met lef en ondernemerschap slagvaardig te opereren. Applicaties ontwikkelen die direct bijdragen aan het functioneren van Nederland: daar zorg jij voor als senior Java-developer bij het Rijks ICT Gilde (RIG). Of het nou gaat om het fixen van een bug of het maken van een compleet nieuwe applicatie. Met jouw Java-skills draag

Bekijk vacature »

Full-stack .Net Developer-Nieuw klant portaal, 2mi

Een bekende Nederlandse financiële organisatie in Heerlen bouwt een nieuw IT team om hun klanten portal flink uit te breiden. Na een reeks van fusies en overnames zijn verschillende klanten portalen in de DevOps omgeving samen gevoegd. Hierdoor is de behoefte ontstaan een uitgebreid overkoepelend klanten portal te bouwen. Het is het aan het nieuwe team dit vorm te geven en uit te breiden. Aan jou de taak de optimale klantbeleving voor 2+ miljoen gebruikers te bouwen! Hiervoor zoeken wij twee ervaren Fullstack .Net Developers voor het nieuwe IT scrum team, bestaande uit 8 gepassioneerde IT’ers. Je denkt hierbij mee

Bekijk vacature »

IT Support Engineer – Haarlem, The Netherlan

IT Support Engineer – Haarlem, The Netherlands or Barcelona, Spain Bond Technology Management was founded in 2007 and is the leading technical management company for on-board Audio Visual, IT, Communications, Security and Navigation systems for the most advanced super yacht new builds and refit projects. What is the role about? As Senior IT Support Engineer at Bond Technology Management (Bond TM), you will be joining a strong team of IT professionals that support some of world’s most luxurious private yachts and estates. In this role you will provide support to our customers on Network equipment, Servers, Desktops, Storages etc. This

Bekijk vacature »

Functioneel Beheerder (Fulltime / 32 uur)

Vind jij het leuk om een brede functie te bekleden in een organisatie waarbij je de vrijheid hebt om zelfstandig je werk in te vullen? Functioneel Beheerder Fulltime / 32 uur - Amsterdam Wat ga je doen? Je bent verantwoordelijk voor het functionele beheer en de doorontwikkeling van verschillende applicaties en hebt regelmatig contact met de verschillende IT-partijen. Je rapporteert rechtstreeks aan de directie. Daarnaast maak je deel uit van het managementteam daarbinnen wordt regelmatig overlegd over lopende projecten en het beleid van de Raad van Beheer. Je anticipeert op wijzigingen in het beleid en zorgt ervoor dat deze tijdig

Bekijk vacature »

Java Developer (medior/ senior)

Functie­omschrijving Als Java Developer bij het CJIB speel je een cruciale rol in het functioneren van ons complexe applicatie landschap. Jij werkt vanuit een van onze DevOps teams mee aan de automatisering en digitalisering van onze kernprocessen: innen & incasseren van boetes, het coördineren van de uitvoering van straffen en het informeren van derden. De systemen die jij en je collega’s ontwikkelen en optimaliseren dragen bij aan een efficiëntere en persoonsgerichte benadering richting de burgers. Als Java Developer ben je onderdeel van één van de Scrumteams binnen de afdeling ICT. Je team bestaat uit een Product Owner, een agile analist,

Bekijk vacature »

Cloud Software Developer

Als Cloud Software Developer ga je aan de slag met onze SaaS-dienst Zorgplatform. Voor de ontwikkeling hiervan gebruiken wij Microsoft technologie. Zie jij dit als een uitdaging? Lees dan verder! Jouw baan Als Cloud Software Developer ga je werken aan ons Zorgplatform. Dit is een veilige service die uitgebreide ondersteuning biedt voor transmurale samenwerking. Wij ontwikkelen dit in C# in een ASP.NET Core framework. Je gaat aan de slag met het opzetten van microservices voor de verschillende processen die Zorgplatform ondersteunt. Je maakt bijvoorbeeld de integratie voor het inkijken van het medisch dossier mogelijk aan de hand van toelatingen, geregistreerd

Bekijk vacature »

.NET C# web developer gezocht, inhouse project dev

Ben je een ervaren .NET C# web developer en op zoek naar een leuke baan in het zuiden van Zuid-Holland? Een inhouse functie maar met de afwisseling van verschillende projecten en klanten? Projecten die uitdagend zijn door de complexiteit van de systemen? Lees dan verder! Voor een bedrijf in Goeree-Overflakkee zijn we momenteel op zoek naar een ervaren .NET C# web developer. Het bedrijf bestaat uit iets meer dan 20 werknemers en verschillende ervaren software developers. De software projecten zijn uiteenlopend, maar altijd maatwerk oplossingen en veelal complex en bedrijfskritisch van karakter. De bedrijven waarvoor je software ontwikkeld kunnen variëren

Bekijk vacature »

Front-end Developer WPF

Heb jij kennis en ervaring met WPF en C#? Ben je technisch en heb je goed gevoel voor design? Wil jij met jouw kennis de zorg verbeteren? Dan zijn wij op zoek naar jou! Jouw baan Als Front-end Developer bij Zorgplatform ga je werken aan de interface voor zorgprofessionals. Zorgplatform is een platform waarmee medische gegevens op een veilige manier uitgewisseld worden met andere instanties binnen de zorgsector. Zorgplatform ondersteunt onder andere het verwijzen van patiënten, het overdragen van patiënten en de gezamenlijke behandeling (shared care). Dit is hét nieuwe werken in de zorg. Met jouw oog voor design ga

Bekijk vacature »

Cloud Software Developer

Als Cloud Software Developer ga je aan de slag met onze SaaS-dienst Zorgplatform. Voor de ontwikkeling hiervan gebruiken wij Microsoft technologie. Zie jij dit als een uitdaging? Lees dan verder! Jouw baan Als Cloud Software Developer ga je werken aan ons Zorgplatform. Dit is een veilige service die uitgebreide ondersteuning biedt voor transmurale samenwerking. Wij ontwikkelen dit in C# in een ASP.NET Core framework. Je gaat aan de slag met het opzetten van microservices voor de verschillende processen die Zorgplatform ondersteunt. Je maakt bijvoorbeeld de integratie voor het inkijken van het medisch dossier mogelijk aan de hand van toelatingen, geregistreerd

Bekijk vacature »

C# .NET webdeveloper gezocht, inhouse, afwisselend

Heb je ervaring als .NET C# webdeveloper en je bent op zoek naar een nieuwe baan in Den Haag? Bij een kleinschalig bedrijf met een korte lijnen en een informele maar ambitieuze sfeer? Waar je met de laatste ontwikkelingen kan werken op zowel back- als frontend? Wellicht dat dit iets voor jou is! Voor een full service webbureau in Den Haag zijn we op zoek naar een ervaren .NET C# webdeveloper. Het bedrijf bestaat uit ongeveer 40 mensen met in totaal circa 10 software developers. Binnen deze organisatie zal je samen met je team meewerken aan het onderhoud en de

Bekijk vacature »

WordPress Developer PHP

BEDRIJFSPROFIEL Onze klant bestaat al meer dan 25 jaar en is werkzaam in de communicatie en media design branche. Met inzet, enthousiasme en passie worden diverse projecten aangegaan. De klant geeft inhoud en vorm aan nieuwsbrieven, social media campagnes en online marketing en zijn dagelijks bezig met het ontwerpen, programmeren en onderhouden van websites, apps en andere publicaties. Kernwoorden van onze klant zijn: doelgericht, creatief, flexibel en enthousiast. FUNCTIE OMSCHRIJVING Als Software Developer WordPress / PHP ben je verantwoordelijk voor een breed scala aan producten voor de eindklant. Van het eerste moment dat je samen met de Account Manager aan

Bekijk vacature »

Java Developer / Overheid / Complexiteit

Functieomschrijving Wil jij als Java Developer een bijdrage leveren aan een veiliger Nederland en je als Java Developer bezig houden met zeer complexe bedrijfskritische applicaties? Lees dan snel verder! Doorontwikkelen bedrijfskritische applicaties; Aanpassingen maken in de bestaande applicatie; Vertalen van jouw visie op continuous integration en continuous delivery; Debuggen van de applicatie; In gesprek gaan met eindgebruikers om verbetervoorstellen op te halen. Functie-eisen Minimaal HBO-werk en denkniveau; Minimaal 5 jaar werkervaring als Java Developer; Je bent minimaal OCP-Java SE 6 gercertificeerd; Je hebt kennis van Webservices en Continuous Integration; Je bent analytisch sterk en zowel klant- als resultaatgericht. Bedrijfsomschrijving Binnen

Bekijk vacature »
Peet Peterse

Peet Peterse

23/09/2019 11:05:05
Quote Anchor link
Beste mensen,
Op mijn webshop heb ik van boven naar beneden:
1- top bar (logo + zoek veld + winkelwagentje)
2- menu bar (waar de menu's zichtbaar zijn)
3- slid en atrikel overzicht etc....
4- etc....

wat wil ik?

Ik heb zo geregeld als je naar beneden scrolt de top baar verdwijnt en naar boven schuift en de menu baar aan de boven kant van de scherm gepositioneerd wordt, zodra weer naar beneden scrolt komt de top bar te verschijn.

Ik wil als ik naar boven scrolt de logo en zoek veld naar boven scrolt en niet meer zichtbaar is (zoals het nu het geval is) maar wil de winkelwagen helemaal aan de rechterzijde van de menu bar laten zien!!! Is dat mogelijk en hoe doe je dat.

Mijn vraag is hoe kun je zoiets doen?

Hieronder hoe de schrol op dit moment werkt.

Dank alvast voor de moeite.

.ps-sticky-header.scroll .martoni-topbar {
margin-bottom: -50px;
margin-top: -80px;

}

=========================================

Ik dacht met zo'n regel code:

.ps-sticky-header.scroll .martoni-cart
{

/* ***** wat moet ik hier neerzetten **** */

}
Gewijzigd op 23/09/2019 11:06:12 door Peet Peterse
 
PHP hulp

PHP hulp

11/07/2020 19:06:55
 
- Ariën -
Beheerder

- Ariën -

23/09/2019 11:13:03
Quote Anchor link
Kijk eens naar de CSS fixed waarde van de position-property?
 
Peet Peterse

Peet Peterse

23/09/2019 11:14:40
Quote Anchor link
hummm, kunt u dit ook in Dummy taal uitleggen?

Ergens boven aan de css zie ik deze:

.martoni-cart-amount {
position: absolute;
top: -5px;
left: 23px;
background: #f97807 !important;
border-radius: 15px;
width: 30px;
height: 30px;
padding: 4px 0 0 1px;
text-align: center;
color: #fff;
display: inline-block;
}
Gewijzigd op 23/09/2019 11:18:04 door Peet Peterse
 
- Ariën -
Beheerder

- Ariën -

23/09/2019 11:18:25
Quote Anchor link
https://www.w3schools.com/css/css_positioning.asp en kijk naar 'fixed'. Dan blijft het element zichtbaar.
Gewijzigd op 23/09/2019 11:22:24 door - Ariën -
 
Thomas van den Heuvel

Thomas van den Heuvel

23/09/2019 13:00:02
Quote Anchor link
Mja, maar je winkelwagen icoon zit in je top bar. Tijdens het scrollen plakt je menubar aan de bovenrand. En daar wil je je winkelwagen (icoon) dan in stoppen. Afhankelijk van je scrollpositie wil je het icoon op verschillende plekken tonen. Ik weet niet of dit alleen met CSS te bolwerken is.

Wat je zou kunnen doen is inderdaad het winkelwagen icoon een vaste positie geven in een gebied van je menubar waar ruimte is (die je dus ook hiervoor dient te reserveren, bijvoorbeeld met een padding of margin ofzo).

Realiseer je je tegelijkertijd dat daarmee het winkelwagen icoon niet automagisch is verhuisd naar je menubar, deze zit nog steeds in je top bar maar krijgt bij het scrollen een andere positie die niet afhankelijk is van de "flow" / structuur van je pagina. Met een vaste (fixed) positie haal je een element met deze positionering ook effectief uit deze "flow". Mogelijk zou je dus ook rekening moeten houden met de verschillende apparaten en bijbehorende resoluties waarmee jouw site bekeken kan worden.

Je zou natuurlijk ook kunnen opteren voor een variant waarbij zowel je top bar alsook je menubar een winkelwagen icoon bevatten (die mogelijk van uiterlijk en afmeting kunnen verschillen) waarbij er maar één tegelijkertijd zichtbaar is, afhankelijk van of je bovenaan de pagina zit of niet.

Ik denk dat je in beide gevallen wel een snippet JavaScript nodig hebt om dit aan te kunnen sturen.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.