Mετάβαση στο κύριο περιεχόμενο

Αλλαγή της τοποθέτησης και του γεμίσματος των εικόνων του καταλόγου προϊόντων (Web App)

C
Συντάχθηκε από: Craig Wright
Ενημερώθηκε αυτήν την εβδομάδα

Ρυθμίστε το σημείο που βρίσκεται το προϊόν σας στην εικόνα και πόσος χώρος το περιβάλλει για να δημιουργήσετε ένα ισορροπημένο σχέδιο.

Image shows a product image with low padding and one with more padding.

Σημείωση: Αυτό το άρθρο προϋποθέτει ότι έχετε ήδη συνδέσει το Photoroom με το κατάστημά σας στο Shopify.


Βήματα (Web App)

Για να αλλάξετε την τοποθέτηση και το padding των εικόνων του Καταλόγου Προϊόντων:

  1. Ανοίξτε τον Κατάλογο Προϊόντων και επιλέξτε το προϊόν που θέλετε να επεξεργαστείτε.

  2. Επιλέξτε τις εικόνες που θέλετε να επεξεργαστείτε.

    Για να μάθετε σχετικά με την επιλογή εικόνων, ανατρέξτε στην ενότητα Πώς να επιλέγετε εικόνες χρησιμοποιώντας τον επεξεργαστή του Καταλόγου προϊόντων.

  3. Επιλέξτε Τοποθέτηση.

  4. Επιλέξτε την τοποθέτηση:

    • Αρχικό για να επαναφέρετε τη θέση και το padding.

    • Κέντρο για να τοποθετήσετε το προϊόν κεντρικά.

      Χρησιμοποιήστε τις ρυθμίσεις για να ελέγξετε το padding:

      • Padding - καθορίζει το διάστημα μεταξύ του προϊόντος και της άκρης του σχεδίου.

      • ignore padding on cropped sides - επιλέξτε για να αφαιρέσετε το padding εάν η εικόνα αγγίζει τις άκρες.

      • Clear για να εφαρμόζετε πάντα padding.

    • Custom για να ορίσετε το δικό σας padding θέσης:

      • Padding left, right, top, bottom - αλλάζει την απόσταση σε κάθε πλευρά.

      • Align - επιλέγει τη θέση της εικόνας.

      • Scale - επιλέγει το μέγεθος της εικόνας (μόνο αν Ignore padding on cropped sides if off):

        • Fit - προσαρμόζει την εικόνα χωρίς

        • περικοπήFill

        • - γεμίζει το χώρο αλλά μπορεί να περικόψει την εικόνα.

  5. [Προαιρετικά] Πραγματοποιήστε πρόσθετες αλλαγές χρησιμοποιώντας το Product Catalog Editor.

  6. Όταν ολοκληρώσετε την επεξεργασία, δημοσιεύστε τις αλλαγές σας στο Shopify.

Συμβουλή: Εάν το προϊόν εμφανίζεται εσφαλμένα ευθυγραμμισμένο, δοκιμάστε να απενεργοποιήσετε το Ignore padding on cropped sides.


Σχετικά άρθραΕπεξεργασία

Απαντήθηκε η ερώτησή σας;