• Opgelost Boinater

    (@boinater)


    Beste,

    Sinds een tijdje ben ik bezig mezelf in wordpress en de mogelijkheden hiervan te verdiepen, mede door middel van mijn eigen webshop.
    Nu heb ik mijn site geupdate en een flink aantal pluggins bijgewerkt, maar nu heb ik het probleem dat mijn productpagina’s niet meer goed staan.

    Dit is een voorbeeld, maar dit is ook te zien bij andere producten.
    http://www.groeicadeau.nl/winkel/baby-bleu-eyes-bosliefje/

    De product foto is zo groot dat deze voor mijn rechter navigatiebalk terecht komt.
    Nu heb ik de marges van de productfoto’s verkleint, maar dit heeft niets uitgehaald en kan eigenlijk ook niet ergens een oplossing vinden.
    Vandaar dat ik het via deze weg probeer.

    Daarnaast zijn de foto’s van mijn gerelateerde producten aan de onderkant van mijn pagina ook erg groot en dit zou ik ook graag iets verkleinen.
    Als iemand mij zou kunnen helpen heel graag.

    Daarnaast zijn andere tips en verbeteringen ook welkom!

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het kan goed zijn dat updates, of een plugin roet in ’t eten gooit…
    heb je dit al geprobeerd?

    1. Gebruik FTP om je site te benaderen
      bv. http://filezilla-project.org/download.php
    2. hernoem alle plugins door een ‘0’ te plaatsen voor elke plugin -folder;
      ../wp-content/plugins
    3. Check of het probleem is opgelost
    4. JA:verwijder één-voor-één de ‘0’, controleer elke keer of het probleem terugkomt
    5. Zo vind je de bron van het probleem; Verwijder de probleem-plugin
    6. alternatief: zoek een alternatieve plugin en controleer.
    Thread starter Boinater

    (@boinater)

    W.P. Ginfo!
    Bedankt, dat ga ik vanmiddag is even uit proberen!

    Weet u misschien ook hoe het komt dat mijn productafbeelding al standaard zo groot en onscherp wordt weergegeven?
    Want deze is van origine wel scherp en ik kan nergens vinden waar ik deze afbeelding kan verkleinen.
    Daarnaast zijn ook de afbeeldingen bij gerelateerde producten erg onscherp.
    Zou u mij daar ook mee verder kunnen helpen?

    Waar de problemen met de foto’s vandaan komen, kan ik nu nog niet zeggen. Het kan zijn dat de plugin problemen een invloed hebben.

    Heel goed mogelijk is dat het echter om een apart probleem gaat.
    Kijk eerst eens of je het bovenstaande probleem krijgt opgelost, dan gaan we vervolgens verder met de foto’s.
    Anders zijn we op teveel verschillende fronten tegelijk bezig.

    Thread starter Boinater

    (@boinater)

    Haha okee, ik ben druk bezig de site op orde te krijgen.
    Deze is namelijk nogal snel opgezet en verdient zeker meer aandacht!

    Ik heb gedan wat u voorschreef…
    Het had echter geen effect, de lay-out bleef zoals die was.
    Misschien heb ik iets fout ingesteld?

    Plan B… 🙂

    Laten we eens gaan kijken naar een aantal zaken die hier van belang zijn bij het gebruik van afbeeldingen.

    == == == logo / afbeelding heeft een onjuiste afmeting

    Goed om te weten…

    Bij het naar de mediabibliotheek [MB] uploaden van afbeeldingen, gebruikt de mediabibliotheek [MB] de instellingen opgeslagen:

    1. dashboard > instellingen > media
    2. hier staan 3 maten opgegeven;
    3. Wat WP doet is van elke afbeelding die wordt opgenomen in de MB 3 afbeeldingen [extra] opnemen met deze ingestelde maten
    4. zo kan het zijn [zo lijkt ’t in elk geval] dat je de ‘verkleinde versie’ gebruikt van je logo / afbeelding
      In dit geval heb je bijv. het BESTAND ‘http://www.groeicadeau.nl/wp-content/uploads/2013/02/Fun-Garden-Vergeet-me-nietjes-150×150.jpg’ gebruikt, een verkleinde ’thumbnail-versie’. Echter dit bestand is te groot voor het doel. Een thumbnail-maat van bijv. 100*100px is beter geschikt.

      >> >> >>Gebruik het bestand met de juiste grootte. Doorgaans behoud dat de originele naam, met toevoegingen van de afmeting; bv. ‘afbeelding-200×200.jpg’

      Oplossingen:

    • kies het JUISTE bestand
    • Zorg er ELKE KEER vooraf voor, dat deze instellingen zo nodig worden aangepast aan de eigenschappen van de afdbeelding; Dus VOORDAT je de afbeelding opneemt in de MB
    • alternatief: Gebruik FTP om ‘ruwe’ afbeeldingen, onbewerkt over te zetten naar je site. Deze worden niet opgenomen in de MB, maar zijn met het opgeven van het juiste pad, wel te gebruiken op je site
    • alternatief: gebruik css [in combinatie met bovenstaande] om de maten van de getoonde afbeeldingen te beinvloeden;

    == == == CSS-oplossing

    === gerelateerde producten
    .woocommerce .related ul,.woocommerce .related ul.products,.woocommerce .upsells.products ul,.woocommerce .upsells.products ul.products,.woocommerce-page .related ul,.woocommerce-page .related ul.products,.woocommerce-page .upsells.products ul,.woocommerce-page .upsells.products ul.products{float:left}

    == == == grote product-afbeelding

    .woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img {
    display: block;
    width: 725%; /*ERG GROOT pas waarde aan naar wens*/}

    >> Observatie

    ik merk nu ik aan ’t puzzelen ben, dat ook de sidebar – product-categorieeen etc niet goed staan.

    WAT heb je veranderd? Bijv marges, padding,borders, breedte van de sidebars/het artikel??

    Ergens zijn instellingen aangepast die de opmaak hebben ver%^&*!
    Bijv. het aanpassen van de breedte van pagina, sidebar of artikelen, kan de opmaak van de hele site ‘omgooien’, omdat alle maten doorgaans onderling afhankelijk zijn en ‘samen moeten passen’ op de pagina.

    Bijvoorveeld:

    Pagina breedt:1000px
    Sidebar breedt: 35%
    Artikel breedt:65%
    >> dit gaat wrsch niet goed, omdat ook marges, padding etc invloed hebben op de totale opmaak

    >Spelen met de waarden…

    Pagina breedt:1000px
    Sidebar breedt: 32%
    Artikel breedt:64%

    … net zo lang ‘passen’ tot ie klopt…

    == == == zie volgende bericht

    Heb je een backup?
    Zet die dan terug, en werk stap voor stap aan verdere aanpassingen.
    Maak bij elke succesvolle stap even een nieuwe backup [2 min werk] en ga verder.
    Gaat er vervolgens in de volgende stap iets mis, dan heb je een eenvoudige en snelle manier om even een stap terug te maken, en het opnieuw te proberen; vanuit een werkende situatie.

    >>Back-up Database [=inhoud van je site]:

    1. Dashboard > Extra > Exporteren
    2. Gehele Inhoud
    3. Desgevraagd: Installeer en Run Export plugin
    4. Sla exportbestand op de PC op

    == == == backup WP-bestanden [=bestanden ‘achter de schermen’]
    gebruik FTP om een backup te maken van de WP-bestanden van je site

    == == == extra
    Download, Installeer / gebruik een FTP-programma bv. filezilla[gratis]
    http://filezilla-project.org/download.php
    om deze bestanden op de server te beheren. De server is de plek waar de webhoster jouw site draait.
    [De beheerder heeft je vast een mail / bestand / papier gegeven met de nodige inlogggegevens.]

    3. In filezilla
    a. klik ‘nieuwe site’
    !!!voorbeelden!!! gebruik de gegevens van jouw webhost

    host: server888.host.nl — !!!voorbeelden!!!
    protocol: FTP -filetransfer protocol
    encryptie: gebruik gewone FTP
    inlogtype: normaal
    gebruiker: de inlognaam / gebruiker gegeven door de webhost
    wachtwoord: het wachtwoord gegeven door de webhost
    >klik verbinden

    Als je alles correct hebt ingevoerd, verschijnt nu een scherm met twee helften: [zo niet: probeer opnieuw / bel helpdesk webhost?]

    Li-helft: JOUW desktop met je bestanden en mappen
    Re-helft: de website.

    >>> in de settings van FTP kan je aangeven dat je NOTEPAD++ als editor gebruikt >> zo kan je [in FTP] vlot bestanden aanpassen, opslaan en weer uploaden

    Zie uitleg [engels] http://www.ixwebhosting.com/hosting-manual/ftp

    Thread starter Boinater

    (@boinater)

    W.P.Ginfo

    Ik ben gister heel de dag ermee bezig geweest en het is me uiteindelijk wel gelukt, maar ik kreeg de mededeling dat ik dit probleem bij elke update zou tegen komen en dat ik een verouderde versie had van de twelve thema’s en dat de updates van de mijn widgets er elke keer op af zouden wijken ectra.

    Ik heb er daarvoor gisteren uiteindelijk voor gekozen om over te stappen naar een ander thema!
    Ik ben overgegaan naar iFeature, deze heeft ook op de gratis versie alle elementen die ik graag in een thema terug zou willen zien (als ik alles werkende krijg en dat lukt op het moment nog niet echt maargoed).

    Ik wil je heel erg bedanken voor je hulp en het is me daardoor ook allemaal gelukt, maar ik ben met deze beredenering toch maar over gestapt naar een ander thema. Hier moet ik alleen de slider nog zien te maken, bij de productpagina de tekst zien te verhogen en de drie tekst boxen op de homepage naar voren zien te toveren en dan ben ik een tevrede man.
    ik weet een ding wel dat ik nog een lange weg te gaan heb met me leerproces!

    alle begin is moeilijk… maar dan hebbie ook wat….

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Productfoto staat voor navigatie balk’ is gesloten voor nieuwe reacties.