המדריך לשנות גודל וצבע מחיר של מוצר בתוך דף מוצר

המדריך לשנות גודל וצבע מחיר של מוצר בתוך דף מוצר

במדריך של היום אני אראה לכם כיצד ניתן לשנות את הצבע והגודל של טקסט המחיר בתוך דף המוצר בלבד מבלי לשנות את זה בכל שאר החנות.

המדריך נבדק על ערכות נושא – Debut,Minimal,Brooklyn

לפני העריכה של ערכת הנושא תצרו לה העתק כדי שיהיה לכם גיבוי.

גיבוי – Online Store – Actions – Duplicate

כנסו ללקוח הבקרה שלכם שופיפיי – Online Store – Actions – Edit Code

לאחר שלחצתם עברתם לעורך הקבצים של שופיפיי, שמה חפשו את התיקיה Snippets ושם לכו לקובץ הנקרא product-price.liquid תעתיקו את כל הקוד.

לאחר שהעתקתם את הקוד, בתיקיה של Snippets ממש מתחת לשם התיקייה מופיע לכם Add new Snippet

תלחצו עליו ותקראו לקובץ – product-singlepage-price.

את הקוד שהעתקתם תשימו בקובץ החדש ולחצו על שמור.

בתוך הקובץ החדש חפשו את השורה הבאה – price-item ותוסיפו את הקוד הבא כדי לשנות את הצבע והגודל.

ותוסיפו את שורת הקוד הבא כדי לערוך את הטקסט – style="color:#000; font-size: 25px;"

Price-item–regular – לערוך את המחיר הרגיל.

Item–sale – לערוך את המחיר כשהוא במבצע

כחול – מייצג את הצבע והגודל של המחיר הרגיל של המוצר.

כתום -מייצג את הצבע והגודל של המחיר כשהוא במבצע.

תלחצו על Save

תמונות להמחשה:

מחיר המוצר כשהוא מופיע ללא מבצע

מחיר המוצר כשהוא מופיע במבצע

לאחר שערכנו את הקובץ, כל מה שעלינו לעשות זה פשוט מאוד

לכו לתיקייה Sections חפשו את הקובץ הבא – product-template.liquid

ושם חפשו את השורה הבאה – product__price

חפשו את – {% include 'product-price', variant: current_variant %}

החליפו ב- {% include 'product-page-price', variant: current_variant %}

לחצו של Save

זהו סיימנו את המדריך, במידה ונתקעתם או לא מצאתם קובץ מסויים, תצרו איתי קשר ואני אעזור לכם.