Zerif lite Bilddarstellung

    Hallo,

    ich habe eine Frage:
    Auf meiner WP-Site habe ich das Theme Zerif lite installiert.
    Zusätzlich habe ich das Plugin WooCommerce, um meinen Onlineshop gestalten zu können. Nun werden die Produkt-Bilder im Shop sehr groß (um nicht zu sagen, riesig ;)) dargestellt und ich möchte sie gerne kleiner machen.
    Ich habe schon andere Formateinstellungen eingegeben und Regenerate Thumbnails drüberlaufen lassen - ohne Erfolg!
    Was kann ich noch tun?

    Hoffe, es gibt hier jemanden, der mir helfen kann!!!

    LG,
    Latisana

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Gib uns mal einen Link zur Problemstelle, dann können wir dir sicherlich helfen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Cool!
    Die Seite ist noch nicht öffentlich sichtbar, aber wenn ihr http://www.velacell-test.de eingebt, als User Besucher und als PW Moringa2015, müsste es klappen. Bitte vertraulich behandeln! ;)

    LG,
    Latisana

    PS. Zum Problem selbst kommt ihr über: Shop - zB Panaceo-Produkte.

    Schau mal unter Einstellung -> Medien ob du da was mit 480 Breite findest. Ansonsten vermute ich, dass es in der functions.php definiert ist. Schau da ob du was mit add_image_size(....) findest und poste den Code mal.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Also: In den Einstellungen/Medien war nur was mit 500 und 200.

    In der functions.php habe ich folgende Stellen gefunden:
    /* Set the image size by cropping the image */
    add_image_size('post-thumbnail', 250, 250, true);
    add_image_size( 'post-thumbnail-large', 750, 500, true ); /* blog thumbnail */
    add_image_size( 'post-thumbnail-large-table', 600, 300, true ); /* blog thumbnail for table */
    add_image_size( 'post-thumbnail-large-mobile', 400, 200, true ); /* blog thumbnail for mobile */


    und

    require_once get_template_directory() . '/class-tgm-plugin-activation.php';
    add_image_size('zerif_project_photo', 285, 214, true);
    add_image_size('zerif_our_team_photo', 174, 174, true);

    Versuch mal das:

    CSS
    .woocommerce ul.products li.product a img {
    width: 50% !important;
    margin: 0 auto 1em !important;
}

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Danke... Ich habe vom Programmieren etc. leider wenig Ahnung, kannst du mir eine Anleitung geben, wo/statt was ich das einfügen muss? ;)

    Das muss in deine CSS. Wie man da was und wo einfügt, findest du zu Hauf hier im Forum und auch bei Google etc. Es ist nicht wirklich schwer, da ich dir ja schon den fertigen Code geliefert habe. Versuch es einfach mal, so lernt man am Besten.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Lieber Azrael, das habe ich schon versucht, da tut sich leider nichts.

    SirEctor: Ich habe jetzt deinen Code (nach langer Recherche) hier nach dem ersten Woocommerce-Punkt eingefügt:
    Media (max-width: 480px) {
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100%;
    }
    .woocommerce-page .woocommerce-result-count {
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
    }
    .woocommerce-page .woocommerce-ordering {
    float: none;
    }
    .woocommerce-page .products .product > a:first-child {
    width: 240px;
    }
    .woocommerce-page .woocommerce-tabs .tabs li {
    width: 100%;
    }
    .woocommerce-page .woocommerce-tabs .tabs li {
    width: 100%;
    border-bottom: 2px solid #CCC;
    }
    .woocommerce-page .woocommerce-tabs .tabs {
    border-bottom: 0;
    }
    .woocommerce-page .woocommerce-tabs .comment_container {
    position: relative;
    padding-left: 0px;
    padding-top: 50px;
    }
    .woocommerce-page .comment-text .star-rating {
    width: 100%;
    margin-bottom: 5px;
    float: left;
    }
    .woocommerce-page .products .product > a:first-child {
    width: 100%;
    }
    /* cart page */
    .woocommerce table.shop_table th {
    padding: 5px 5px;
    font-size: 8px;
    }
    .woocommerce-page .woocommerce .product-name a {
    font-size: 12px;
    line-height: 16px;
    float: left;
    }
    .woocommerce table.shop_table td {
    padding: 6px 4px;
    }
    .woocommerce table.shop_table td,
    .woocommerce table.shop_table td span,
    .woocommerce table.shop_table td a,
    .woocommerce table.shop_table td strong {
    font-size: 12px;
    }
    .woocommerce table.shop_table td .amount {
    font-size: 12px;
    }
    .woocommerce-page .woocommerce .product-quantity input.qty {
    width: 45px;
    }
    .woocommerce td.product-quantity {
    min-width: 40px;
    }
    .woocommerce-page .woocommerce input[type="submit"] {
    font-size: 10px;
    }
    .woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
    font-size: 12px;
    }
    .woocommerce-cart .cart-collaterals .cart_totals tr th {
    font-size: 12px;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table td,
    .woocommerce-cart .cart-collaterals .cart_totals table td span,
    .woocommerce-cart .cart-collaterals .cart_totals table td a {
    font-size: 12px;
    }
    .woocommerce form .form-row label {
    font-size: 12px;
    }
    .woocommerce-page .woocommerce .woocommerce-info,
    .woocommerce-page .woocommerce .woocommerce-info a {
    font-size: 12px;
    }
    .woocommerce-checkout-payment label {
    font-size: 14px;
    }
    .woocommerce-page .woocommerce #payment div.payment_box p {
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    }
    .woocommerce form .form-row {
    width: 100%;
    }
    .woocommerce-page .woocommerce .order_details li {
    width: 100%;
    border-bottom: 1px dashed #d3ced2;
    border-right: none;
    padding: 0 0 5px 0;
    margin-bottom: 5px;
    margin-top: 5px
    }
    .woocommerce-page address {
    font-size: 12px;
    }
    .woocommerce-page .woocommerce-error,
    .woocommerce-page .woocommerce-message,
    .woocommerce-page .woocommerce-error li {
    font-size: 12px;
    }
    .woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
    width: 100%;
    margin-right: 0;
    }
    .woocommerce-page .woocommerce .checkbox {
    font-size: 16px;
    }
    .woocommerce-page .myaccount_address {
    font-size: 12px;
    }
    .woocommerce-page #content .quantity input.minus,
    .woocommerce-page #content .quantity input.plus {
    display: none;
    }
    .woocommerce-page .upsells.products ul li.product,
    .woocommerce-page .upsells.products ul.products li.product{
    width: 100%;
    }

    --> Da hat sich aber nichts geändert. Kannst du mir nicht doch noch einen Tipp geben, bitte?

    LG

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden