Goedendag,
In een Woocommerce webshop wil ik graag dat de producten anders worden weergegeven. Ik zal proberen duidelijk te omschrijven wat ik bedoel:
Ik zie graag dat de producten op de categoriepagina volledig worden weergegeven, het gaat dan om de afbeelding.
Sommige afbeeldingen passen netjes binnen het venster, maar anderen zijn breed of hoog en worden dan heel lelijk afgekapt.
Bij een vorige website had de toenmalige ontwikkelaar dat wel ingesteld en stond er achter elke afbeelding een rondje (zat dus niet in de afbeelding), zie bijlage.
Is hier een makkelijke oplossing voor?
- Producten anders weergeven
-
09-02-2022, 11:34 #1
- Berichten
- 76
- Lid sinds
- 6 Jaar
Producten anders weergeven
-
09-02-2022, 11:50 #2
- Berichten
- 1.290
- Lid sinds
- 13 Jaar
Re: Producten anders weergeven
Je kunt via de Customizer van WordPress > WooCommerce, het afbeeldingformaat aanpassen. Let wel op: je moet er dan zelf voor zorgen dat alle uitgelichte afbeeldingen in eenzelfde verhouding worden geüpload. Anders zul je verschillen krijgen, dat ziet er ook niet uit.
Stuur maar een PM als ik moet helpen.
-
09-02-2022, 11:58 #3
- Berichten
- 76
- Lid sinds
- 6 Jaar
Re: Producten anders weergeven
Hoi Chiel, dankjewel dat heb ik inderdaad geprobeerd. Maar dan zijn de rijen met producten niet meer gelijk, wat het alleen maar lelijker maakt. Is dus helaas geen oplossing.
-
09-02-2022, 12:26 #4
- Berichten
- 2.692
- Lid sinds
- 15 Jaar
Re: Producten anders weergeven
De afbeelding niet als 'selecteerbaar' plaatje, maar als achtergrond weergeven met css-property
Code:background-size: contain
-
10-02-2022, 12:53 #5
- Berichten
- 76
- Lid sinds
- 6 Jaar
Re: Producten anders weergeven
Dankje Arjan, helaas heb ik daar weinig kaas van gegeten. Is er een simpele code voor die ik kan toevoegen?
-
10-02-2022, 14:57 #6
- Berichten
- 146
- Lid sinds
- 9 Jaar
Re: Producten anders weergeven
Tjeerd,
heb je een link naar de site waar het om gaat? Ik vermoed dat dit vrij simpel met een paar regels custom css te realiseren is.
IJsbrand
-
14-02-2022, 10:17 #7
- Berichten
- 76
- Lid sinds
- 6 Jaar
Re: Producten anders weergeven
Hoi IJsbrand, ik heb je vorige week een PB gestuurd. Heb je die ontvangen?
-
23-02-2022, 02:25 #8
- Berichten
- 459
- Lid sinds
- 12 Jaar
Re: Producten anders weergeven
Kort en simpel de CSS:
body.woocommerce ul.products li.product img {width: 100%;height:auto;} Dit is eigenlijk standaard voor WooCommerce.
body.woocommerce ul.products li.product .woocommerce-LoopProduct-link:first-child {background:transparent url(wp-content/uploads/rondje.png) no-repeat center;}
Vergeet niet de link naar het plaatje aan te passen en speel een beetje zodat je het helemaal naar wens heb.
Je kan ook de twee regel ook een vaste hoogte geven, groter of gelijk aan de hoogste afbeelding. Dan blijven de producten dezelfde hoogte behouden. Hiervoor zou je ook flex kunnen gebruiken maar ben ik geen voorstander van.
Succes...
-
10-12-2022, 02:41 #9
- Berichten
- 105
- Lid sinds
- 14 Jaar
Re: Producten anders weergeven
Wat is de url dan kan ik mee kijken voor je
-
10-12-2022, 03:27 #10
- Berichten
- 761
- Lid sinds
- 14 Jaar
Re: Producten anders weergeven
Volgens mij antwoordt je op Topics van een maand of 9 geleden.
-
10-12-2022, 14:23 #11
- Berichten
- 217
- Lid sinds
- 5 Jaar
Re: Producten anders weergeven
En sommige topics zelfs van 3 jaar terug.
Snap het nut hier eerlijk gezegd niet van.
-
10-12-2022, 15:11 #12
- Berichten
- 105
- Lid sinds
- 14 Jaar
Re: Producten anders weergeven
Heb inderdaad niet naar de datums gekeken maar op de meeste recente posts. Vrij dood forum dus haha
-
12-12-2022, 12:04 #13Webblish Content & Publishing
- Berichten
- 5.633
- Lid sinds
- 17 Jaar
Re: Producten anders weergeven
Dat valt wel mee. De meeste recente topics en reacties zijn bijna nooit ouder dan 48 uur. Is het een tijd geleden dat je voor het laatst bent ingelogd? Want SD geeft ook gewoon de berichten/reacties weer die na de laatste inlog zijn geplaatst.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic