Γενικές Πληροφορίες

Για να αλλάξετε το μέγεθος των εικόνων στο storefront, ακολουθήστε τα εξής βήματα:

  1. Στο Administration panel, πηγαίνετε στο Settings → Thumbnails.
    Fill in the fields in the Thumbnails settings to specify thumbnail size on various pages.
    Fill in the fields in the Thumbnails settings to specify thumbnail size on various pages.
  2. Καθορίστε την επιθυμητή τιμή ποιότητας στο πεδίο JPEG format quality (0-100).
  3. Για να αλλάξετε το μέγεθος των εικόνων thumbnail στο storefront, επεξεργαστείτε τις τιμές των αντίστοιχων ρυθμίσεων.
  4. Κάντε κλικ στο κουμπί Save για να αποθηκεύσετε τις αλλαγές.

Μετά την αλλαγή αυτών των ρυθμίσεων, θα πρέπει να δημιουργήσετε ξανά τα thumbnails. Για να το κάνετε, πηγαίνετε στο Administration → Storage → Clean up generated thumbnails.

Τύποι Εικόνων και Αντίστοιχες Ρυθμίσεις

Αυτή η ενότητα περιγράφει ποιες ρυθμίσεις στο Settings → Thumbnails επηρεάζουν τις εικόνες σε διάφορες θέσεις.

Λίστα Προϊόντων

Ρυθμίσεις:

  • Products list (category, search, etc) thumbnail width
  • Products list (category, search, etc) thumbnail height

Το CS-Cart εμφανίζει λίστες προϊόντων σε 2 περιπτώσεις:

  • Στις σελίδες κατηγορίας, για παράδειγμα, Electronics, Apparel, κ.λπ. Αυτές είναι σελίδες που αντιπροσωπεύονται από μια σελίδα layout με το dispatch categories.view.
    Products lists thumbnails on the storefront.
    Products lists thumbnails on the storefront.
  • Στο block Products, το οποίο μπορεί να εξυπηρετεί διάφορες λειτουργίες σε διαφορετικές σελίδες, όπως Hot deals, On sale, Newest products, κ.λπ.
    Products lists thumbnails on the storefront.
    Products lists thumbnails on the storefront.

Σελίδα Λεπτομερειών Προϊόντος

Ρυθμίσεις:

  • Product details page thumbnail width
  • Product details page thumbnail height
Product details page thumbnails on the storefront.
Product details page thumbnails on the storefront.

Σελίδα Quick View

Ρυθμίσεις:

  • Product quick view thumbnail width
  • Product quick view thumbnail height
Product quick view page thumbnails on the storefront.
Product quick view page thumbnails on the storefront.

Σελίδα Καλαθιού

Ρυθμίσεις:

  • Product cart page thumbnail width
  • Product cart page thumbnail height
Cart page thumbnails on the storefront.
Cart page thumbnails on the storefront.

Εικόνες Κατηγορίας

Ρυθμίσεις:

  • Categories list thumbnail width
  • Categories list thumbnail height fields
Category lists thumbnails on the storefront.
Category lists thumbnails on the storefront.

Οι παρακάτω ρυθμίσεις δεν χρησιμοποιούνται πλέον στο CS-Cart/Multi-Vendor core.

  • Category details page thumbnail width
  • Category details page thumbnail height
  • Detailed category image width
  • Detailed category image height fields

Τι Συμβαίνει στις Εικόνες Όταν Αλλάζει το Μέγεθος

Εάν η ανεβασμένη εικόνα έχει μεγαλύτερες διαστάσεις από αυτές που επιτρέπονται από τις ρυθμίσεις, τότε η εικόνα μειώνεται για να ταιριάζει στις διαστάσεις. Ο λόγος διαστάσεων της εικόνας δεν αλλάζει κατά τη σμίκρυνση. Υπάρχουν δύο πιθανά σενάρια εδώ:

  • Εάν καθορίζονται τόσο το ύψος όσο και το πλάτος, η εικόνα θα σμικρυνθεί και θα κεντραριστεί. Το χρώμα φόντου θα συμπληρώσει τις περιοχές που δεν καλύπτονται από την σμικρυνθείσα εικόνα.
  • Εάν καθορίζεται μόνο ένα πλάτος ή ύψος, τότε η εικόνα θα σμικρυνθεί σύμφωνα με αυτό, και ο λόγος διαστάσεων θα καθορίσει το λείπον πλάτος/ύψος. Δεν θα προστεθεί χρώμα φόντου.

Οι εικόνες δεν θα τεντωθούν εάν το μέγεθός τους είναι μικρότερο από το μέγεθος εικόνας που καθορίζεται στις ρυθμίσεις. Αντί αυτού, η ανεβασμένη εικόνα θα κεντραριστεί, και ο λόγος διαστάσεων θα καθορίσει το λείπον πλάτος/ύψος. Το χρώμα φόντου θα συμπληρώσει τις περιοχές που δεν καλύπτονται από την ανεβασμένη εικόνα.

Το χρώμα του φόντου καθορίζεται από τη ρύθμιση Thumbnail background color.

Εάν καθορίσετε μόνο ύψος ή μόνο πλάτος, τότε η λίστα προϊόντων ενδέχεται να φαίνεται ακανόνιστη.

Products list with only one size added looks irregular.
Products list with only one size added looks irregular.