Hvis man laver et link indeks, der linker til ID’er på siden, kan man med fordel buge dette script for at tage højde for fixed header eller andre fixed elementer.
Kodestumpen indsættes i Genesis Footer Scripts.
Julesne
Tydeliggør i oversigten at produkt er udsolgt
Fix CLS score ved mange menupunkter
Bemærk: Kræver statisk header (position: static)!
Fjern WB menu-opdeling
Hvis kunder klager over admin loading-skærm, kan nedenstående kode tilføjes i custom functions / i bunden af functions fil.
Action hooks til WB, WP og WC
Genesis:
https://genesistutorials.com/visual-hook-guide/
Woocommerce:
https://hooks.wpdesk.org/
WordPress:
https://codex.wordpress.org/Plugin_API/Action_Reference
Skal der tilføjes nye hooks – smid dem på mail til daniel@waimea.dk
Block editor størrelse
Nedenstående kode tilføjes til functions.php
Custom home loop (blogside)
Funktionen er oprindeligt lavet til Mekoprint, men kan eventuelt bruges på andre Enterprise kunder også.
Floating sidebar
Hvis der skal floating telefonnummer og mail på gammelt design, kan nedenstående benyttes.
Tilføj Flickr til social icons
Nedenstående kan bruges til at tilføje Flickr til sociale ikoner (Waimea shortcode). Kan også bruges til andre sociale medier.
Tilføj gerne nye farver/medier som i falder over dem. I kan få inspiration til farver på https://brandcolors.net/
Rettelse af højde på image wrap
Image wrap er pga. responsive tilpasning lavet med positionering og procenter. Koden nedenfor kan bruges hvis du skal tilpasse højden på image wrap.
Eksempel:
Produkterne på desktop måler 300px i bredden, og du vil gerne have billedrammen til at være 200px i højden. Der er en negativ margin på 10px der skal trækkes fra produktets bredde – derfor bliver breddens udgangspunkt 280 i stedet for 300.
Regnestykket ser derfor således ud:
(højde/bredde)*100 = (200/280)*100 = 71,43
Altså skal nedenstående padding være 71.43%
Fuld bredde produkter på mobil
Tilføj nedenstående kode til din CSS for at lave produkter i fuld bredde på mobil.
WooCommerce Tabs
Funktion til at lave custom tabs, baseret på f.eks. Advanced Custom Fields.
Koden indsættes i “functions.php” og tilpasses efter behov.
Executive Megamenu
For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.
Bemærk:
- Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
- CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider
Corporate Megamenu
For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.
Bemærk:
- Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
- CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider
Enterprise Megamenu
For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.
Bemærk:
- Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
- CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider
Parallax Megamenu
For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.
Bemærk:
- Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
- CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider
Executive + Enterprise – Tilføj “Menu” tekst til mobilnav.
Parallax – Tilføj “Menu” tekst til mobilnav.
Corporate – Tilføj “Menu” tekst til mobilnav.
Outreach Megamenu
For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.
Bemærk:
- Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
- CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider
Constants til deaktivering af funktionalitet
Nedenstående kan bruges til at deaktivere standard funktionalitet i WB, f.eks. ved custom oprettelse af referencer, personale osv.
Koden skal placeres i toppen af functions.php
Trustpilot stars
Add Trustpilot stars.