כיצד להטמיע צילום מוצר מסתובב באתר
הטמעת צילום מוצר מסתובב באתר הינה משימה פשוטה וקצרה, אך יש להטמיע קוד
התמונה המסתובבת ריספונסיבית (מתאימה את עצמה לכל המסכים ולמיקום שבו היא מוטעמת בדף).
שלב 1
הכנת האתר להטמעת צילומי מוצר מסתובבים:
וודאו כי בדף שברצונכם להציג את התמונה מוטמע קוד ה-Javascript באזור ה-<HEAD>.
<script src="https://scripts.sirv.com/sirv.js"></script>
דיברנו סינית? שלחו את קוד ה-Javascript למתכנת האתר. תוכלו למצוא אותו באזור האישי תחת הכותרת ״קוד Javascript להטמעה ב-“HEAD.
שלב 2
הכנסו לאזור האישי והתחברו באמצעות שם המשתמש והסיסמא שקיבלתם בדוא״ל בעת ההרשמה/רכישת חבילת צילום.
שלב 3
העתיקו את קוד התמונה המסתובבת, למשל:
<div class="Sirv" data-src="https://spin-360-cdn.sirv.com/cat_food/cat_food.spin"></div>
הקוד מופיע באזור האישי, מתחת לתמונה שברצונכם להטמיע.
שלב 4
הדביקו את הקוד באתר שלכם.
אתרו ו בקוד ה-HTML את המיקום בו הנכם מעוניינים להציג את התמונה, והדביקו שם את הקוד שהועתק בשלב 3.