woocommerce instellen uitgelichte afbeelding

  • Opgelost midgard55

    (@midgard55)


    11 jaren, 2 maanden geleden

    woocommerce integratie met theme twenty twelve ging moeilijk met foutmeldingen. Na herinstallatie woocommerce plugin werkt alles prima. Echter, het in of bijstellen van de uitgelichte afbeelding op de product pagina werkt niet. Afbeelding blijft te groot en wazig, hpoe klein ik het formaat ook instel????????

    Verwijderen e opnieuw installeren van woocommerce helpt niet, en vreemd genoeg, blijven de producten staan (ik had een legen database verwacht) net als de oude formaatinstellingen

15 reacties aan het bekijken - 1 tot 15 (van in totaal 21)
1 2
  • Mike

    (@mike_vl)

    11 jaren, 2 maanden geleden

    kan je een link geven naar de site zodat wij kunnen mee kijken?

    Thread starter midgard55

    (@midgard55)

    11 jaren, 2 maanden geleden

    Hallo Mike,

    De winkel is nog niet echt in de lucht, ik ben er nog mee bezig. maar om je een voorbeeld te geven http://www.aangenamerleven.nl/product/1530/

    Daar zie je de product afbeelding te groot en wazig, terwijl ik via de instellingen van woocommerce de weergave had ingesteld op 300 x 300.
    maar om de een of andere reden is dat niet van invloed. zoals gezegd zoek ik het in een fout bij de integratie van woocommerce en the twent twelve

    Mike

    (@mike_vl)

    11 jaren, 2 maanden geleden

    De afbeelding heeft onderstaande afmetingen:

    <img width="75" height="150" src="http://www.aangenamerleven.nl/wp-content/uploads/2015/05/puriiti-filter-e1432243084217.jpg" class="attachment-shop_single wp-post-image" alt="puriiti filter" title="puriiti filter">

    Woocommerce geeft met css de afbeelding een breedte van 100% en rekt hem dus weer op.

    .woocommerce div.product div.images img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: none;
}
    Thread starter midgard55

    (@midgard55)

    11 jaren, 2 maanden geleden

    Hallo Mike,

    Simpel gezegd zou het probleem worden veroorzaakt doordat de afbeelding van 75×150 door woocommerce wordt opgerekt tot het ingestelde formaat van in mijn geval 250×250

    Ik zou willen dat dat zo waswant dan was het probleem ook opgelost.

    Maar als ik de woocommerce instellingen verander naar 75×150 (het formaat van de gebruikte afbeelding) dan is het resultaat nog steeds hetzelfde
    http://www.aangenamerleven.nl/product/puritiifilter/?preview=true

    Thread starter midgard55

    (@midgard55)

    11 jaren, 2 maanden geleden

    Ik had het formaat van de Enkele product afbeelding zoals gezegd op 75×150 gezet, met als extra verwaardig resultaat dat de afbeelding bij de korte productbeschrijving en de uitgelichte afbeelding nu opeens naast elkaar staan.

    Maar nu ik het formaat weer na 300×300 heb terug gezet blijft het resultaat hetzelfde???????????

    Mike

    (@mike_vl)

    11 jaren, 2 maanden geleden

    Wat ik zie is dat deze afbeelding: http://www.aangenamerleven.nl/wp-content/uploads/2015/05/puriiti-filter-e1432243084217.jpg wordt getoond.

    En inderdaad deze wordt opgerekt.

    Wat gebeurt er als je een nieuwe afbeelding toevoegt aan dit product met een minimale breedte van 300px? (dus bv 300×600)

    Thread starter midgard55

    (@midgard55)

    11 jaren, 2 maanden geleden

    Ik heb de oorspronkelijke afbeelding geplakt in een gele afbeelding van 300×600.

    Het resultaat : http://www.aangenamerleven.nl/product/puritii-filter-kopieer/

    Ook als ik hard bijsnijden uitvink blijft de bovenkant gescalpt want ik had de oorspronkelijke afbeelding in het midden geplaatst, dus ook boven geel.Met een witte achterrond zou het resultaat inderdaad beter zijn dan voorheen.

    Echter, dan moet ik de afbeelding die ik alle afbeeldingen die ik bij Product korte beschrijving had ingevoegd gaan verwijderen, omdat die afbeelding om onbegrijpelijke redenen op een andere plaats wordt weergegeven dan dat ie is geplaatst. En ik blijf toch zitten met het idee dat de weergave instellingen wijzigen niet werkt

    Mike

    (@mike_vl)

    11 jaren, 2 maanden geleden

    Hij is aan de bovenkant afgekapt omdat je in woocommerce het formaat nog op 300×300 hebt staan?

    Thread starter midgard55

    (@midgard55)

    11 jaren, 2 maanden geleden

    Dat stond inderdaad nog op 330×300, maar als ik dat wijzig in 300×600 dan wordt het resultaat er niet anders van:
    http://www.aangenamerleven.nl/product/puritii-filter-kopieer/

    Mike

    (@mike_vl)

    11 jaren, 2 maanden geleden

    Klopt,dat is vermoed ik omdat de 1e keer de afbeelding op maat wordt gesneden. Als je nu nog een keer een nieuwe afbeelding upload dan wordt dit op 300×600 gesneden vermoed ik.

    Thread starter midgard55

    (@midgard55)

    11 jaren, 2 maanden geleden

    Ik heb de uitgelichte foto verwijderd en opnieuw ingesteld, maar het resultaat is hetzelfde.

    Mike

    (@mike_vl)

    11 jaren, 2 maanden geleden

    Kan je de instellingen geven die staan bij dit scherm (Thumbnail Types)?

    http://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/#section-2

    En heb je de thumbnails geregenereerd?

    Thread starter midgard55

    (@midgard55)

    11 jaren, 2 maanden geleden

    Catalogus afbeeldingen 450 × 450 px Hard bijsnijden? Y
    Enkele product afbeelding 300 × 600 px Hard bijsnijden? Y
    Product miniaturen 180 × 180 px Hard bijsnijden? Y

    thumnails geregenereerd en het resultaat ziet er anders uit

    http://www.aangenamerleven.nl/product/puritii-filter-kopieer/

    Mike

    (@mike_vl)

    11 jaren, 2 maanden geleden

    Volgens mij is daarmee je vraag beantwoord?

    Als je afbeeldingen met voldoende resolutie upload, dan zou ik verwachten dat het nu goed gaat?

    Je kan natuurlijk ook enkel vierkante afbeeldingen gebruiken. Idealiter is de bron afbeelding dan ook vierkant.

    Thread starter midgard55

    (@midgard55)

    11 jaren, 2 maanden geleden

    Hallo Mike,

    Echt helemaal opgelost, zou ik niet willen zeggen. k heb nu wel een manier om er voor te zorgen dat foto’s met een kleien resolutie opgerekt en wazig worden. daarvoor mijn hartelijk dank.

    Het blijft echter vreemd dat als ik het weergave formaat aanpas aan de grote van een kleine foto, er toch een opgerekte wazig foto verschijnt.

    Verder is het niet opgelost dat als ik in het tweede tekst vak onderaan in de korte productomschrijving, een afbeelding opload deze bovenin naast de uitgelichte product afbeelding verschijnt. Zie bijvoorbeeld:
    http://www.aangenamerleven.nl/product/vinali/

15 reacties aan het bekijken - 1 tot 15 (van in totaal 21)
1 2

Het onderwerp ‘woocommerce instellen uitgelichte afbeelding’ is gesloten voor nieuwe reacties.