คำถามติดแท็ก css

สมมติว่าเราเปลี่ยนการทำงานจำนวนมากสำหรับโมดูล (เทมเพลตเลย์เอาต์ CSS) และเราจะย้ายการเปลี่ยนแปลงเหล่านี้ไปยังไซต์การผลิต แต่ลูกค้าจำนวนมากมี CSS ที่แคชไว้ในเบราว์เซอร์ของพวกเขา ดังนั้นนี่คือคำถาม วิธีบังคับให้ล้างแคช CSS ของไคลเอ็นต์และหลีกเลี่ยงการเปลี่ยนชื่อไฟล์ ( styles.css-> styles-v2.css) มีวิธีหนึ่งตรรกะ แต่มันไม่ทำงานใน Magento เพราะมันตรวจสอบไฟล์ที่มีอยู่ (โดยวิธีนี้ใช้งานได้กับไฟล์ JS) ดูด้านล่าง: <action method="addCss"> <stylesheet>css/styles.css?1</stylesheet> </action> ความคิดใด ๆ

61 cache  magento-1  css 

ฉันได้ติดตั้ง Magento 2 และตั้งโหมดผู้พัฒนาแล้วฉันได้ติดตั้งหนึ่งโมดูลที่มีไฟล์ css และ js โมดูลทำงานได้ดีและไฟล์ css และ js แสดงผลจากโฟลเดอร์ pub / static ตอนนี้ฉันได้ทำการเปลี่ยนแปลง CSS ในไฟล์ css ไดเรกทอรีโมดูลและเรียกใช้คำสั่ง php bin/magento setup:static-content:deploy แต่วีโอไอพีไม่ได้ทำการเปลี่ยนแปลงใหม่ของฉันในไฟล์ pub / static css ดังนั้นฉันจึงได้รับเนื้อหาไฟล์ css เก่า ไม่มีใครรู้วิธีการสร้างไฟล์ css ใหม่ทั้งหมดในโฟลเดอร์ pub / static?

51 magento2  css  deploy  static-content-deploy 

ผู้ดูแลระบบ url แสดงข้อผิดพลาด 404 หลังจากติดตั้ง magento 2 บนเซิร์ฟเวอร์ wamp และการออกแบบส่วนหน้าเป็นสิ่งที่ยุ่งเหยิงและ css ไม่ได้เชื่อมโยงกับมันภาพแสดงข้อผิดพลาดดังแสดงด้านล่าง Frontend error:

30 admin  magento2  css  frontend  install 

มีวิธีสร้างไฟล์ CSS ของฉันเองที่โหลดล่าสุดในการเรียงซ้อนหรือไม่? ถ้าเป็นเช่นนั้นฉันจะเพิ่มไฟล์ CSS ที่กำหนดเองได้อย่างไรและที่ไหน

30 magento2  css 

ฉันไม่สามารถติดตั้งโมดูลโดยใช้ Magento Connect ได้รับConnection Error try again laterข้อผิดพลาด ทำตามคำแนะนำของผู้พัฒนาโมดูลฉันพยายามแก้ไขสิทธิ์ในรูทเอกสารด้วย: find . -type f -exec chmod 644 {} \; find . -type d -exec chmod 755 {} \; chmod o+w var var/.htaccess app/etc chmod 550 mage chmod -R o+w media มันยังไม่ทำงานดังนั้นฉันจึงลงเอยด้วยการติดตั้งโมดูลด้วยตนเอง ฉันเข้าสู่ระบบในส่วนหลังของผู้ดูแลระบบและ Magento พยายามให้บริการไฟล์ CSS โดยใช้พา ธ ของไฟล์ระบบแทนที่จะเป็น URL ดังนี้: <link …

29 configuration  error  css 

เมื่อฉันทำการเก็บ Magento 2 วิธีที่แนะนำในการทำความสะอาดแคชคืออะไร ฉันแก้ไข.lessไฟล์แล้วฉันจะทำ rm -rf pub/static/frontend/* var/view_preprocessed/ var/*cache/* แต่นี่ดูเหมือนจะเป็นวิธีการบังคับเดรัจฉาน php bin/magento cache:flush --all ดูเหมือนว่าจะไม่ทำงาน มีดีกว่าไหม

28 cache  css  frontend  magento2  development 

ทันใดนั้น CSS ไม่โหลดบนแผง admin Magento 2 ของฉัน ส่วนหน้าทำงานได้ดี รายละเอียดผิดพลาด: "ปฏิเสธที่จะใช้สไตล์จาก ' https://www.ornativa.com/pub/static/version1502029409/adminhtml/Magento/backend/en_US/css/styles-old ... ' เพราะประเภท MIME ('ข้อความ / html' ) ไม่ใช่สไตล์แผ่นชีทที่รองรับ MIME และการตรวจสอบ MIME ที่เข้มงวดนั้นเปิดใช้งานอยู่ " "Uncaught SyntaxError: โทเค็นที่ไม่คาดคิด <ใน JSON ที่ตำแหน่ง 0 ที่ JSON.parse () ที่ callback ((ดัชนี): 68) ที่ Object.execCb (require.js: 1650) ที่ Module.check (require.js: 866) ที่ Module. …

27 magento2  magento-2.1  css  admin-panel 

ฉันอยู่ในโหมดนักพัฒนาซอฟต์แวร์ทุกอย่างยอดเยี่ยมเมื่อฉันเปลี่ยนเป็นโหมดการผลิตตัวเลือกการผสานของ CSS และ JS ดูเหมือนจะถูกเพิกเฉยมันกลับเป็นรายการ css และ js ทั้งหมด นอกจากนี้หน้าผลิตภัณฑ์จะแสดงเฉพาะรูปภาพของผลิตภัณฑ์ในโหมดนักพัฒนาซอฟต์แวร์หลังจากเปลี่ยนเป็นโหมดการผลิตแล้วจะหายไป มีความคิดใดที่จะช่วยฉัน ประเด็นคือฉันกำลังทำ นี่คือสิ่งที่ฉันทำตามลำดับ: bin/magento setup:upgrade bin/magento indexer:reindex bin/magento setup:static-content:deploy bin/magento setup:di:compile bin/magento deploy:mode:set production bin/magento setup:static-content:deploy และก่อนที่จะเริ่มตัวเลือกการรวมคือใช่และฉันอยู่ในโหมดนักพัฒนาซอฟต์แวร์

24 magento2  javascript  css 

ฉันต้องเพิ่มCSSไฟล์สำหรับฝ่ายผู้ดูแลในโมดูลที่กำหนดเองของฉัน ฉันจะเพิ่มสิ่งนี้สำหรับผู้ดูแลระบบ (ส่วนหลัง) ได้อย่างไร

16 magento2  adminhtml  css 

ฉันกำลังทำการเพิ่มประสิทธิภาพ Yslow ของเว็บไซต์ Magento ของฉันและพยายามเพิ่ม CSS และ Js ไปยังส่วนท้ายของเว็บไซต์ ในขณะนี้ฉันกำลังใช้แท็กหัวอ้างอิงใน XML โครงร่างและการใช้addJsและaddCssการทำงานเพื่อรวมไฟล์ทั้งหมดของฉัน ฉันพยายามสลับการอ้างอิงส่วนหัวไปยังส่วนท้าย แต่ได้รับข้อผิดพลาดเมื่อฉันพยายามดูไซต์ มีวิธีการทำสิ่งนี้ในlocal.xml หรือสิ่งนี้จะต้องทำฮาร์ดโค้ดในไฟล์เทมเพลตส่วนท้ายหรือไม่?

15 layout  javascript  css 

เรามีไฟล์ CSS และ JS ขนาดเล็กจำนวนมากและการเปิดใช้งานการผสานดูเหมือนจะเป็นตัวเลือกที่ดี ไฟล์ CSS และ JS ส่วนใหญ่ใช้ในทุกหน้า (หน้าหลักหน้าหมวดหมู่หน้ารายละเอียดผลิตภัณฑ์) เมื่อใดก็ตามที่เราเห็นว่ามีการโหลดไฟล์ผสานที่แตกต่างกันอีกครั้งในแต่ละหน้าแม้แต่ CSS ที่มีอยู่จะต้องทับซ้อนกัน เราจะหลีกเลี่ยงปัญหานี้และนำข้อมูลกลับมาใช้ใหม่ได้อย่างไร

15 css  javascript  frontend 

pub/static/frontend/Magento/luma/en_US/css/styles-l.cssฉันต้องการที่จะแก้ไขไฟล์ CSS เริ่มแรกไฟล์นี้ไม่มีอยู่ในโฟลเดอร์ pub / static และมีอยู่ใน vendor/magento/theme-frontend-blank/web/css/styles-l.less (it's styles-l.less) เมื่อฉันใช้เนื้อหาสแตติกโดยใช้php bin/magento setup:static-content:deployไฟล์ 2 ไฟล์จะถูกสร้างขึ้นใน pub / static ที่เกี่ยวข้องกับมัน 1. pub/static/frontend/Magento/luma/en_US/css/styles-l.less 2. pub/static/frontend/Magento/luma/en_US/css/styles-l.css ฉันเป็นนักพัฒนาที่ได้รับการสนับสนุนและในขณะที่กำลังพัฒนาโมดูลฉันมักจะลบสิ่งที่มีอยู่ใน pub / static (ยกเว้น. htaccess) pub/static/frontend/Magento/luma/en_US/css/styles-l.cssดังนั้นฉันก็ไม่ได้ดูเหมือนจะเป็นตัวเลือกที่ดีที่สุดในการแก้ไขโดยตรง ในกรณีนี้วิธีที่ดีที่สุดในการแก้ไขไฟล์ css ด้านบน 1.ฉันจะแก้ไขpub/static/frontend/Magento/luma/en_US/css/styles-l.lessหรือ 2.ความเข้าใจของฉันผิดที่ฉันสามารถลบทุกอย่างออกจากpub/static(ในระหว่างการพัฒนา) และฉันควรแก้ไขpub/static/frontend/Magento/luma/en_US/css/styles-l.cssและไม่ลบมัน

14 magento2  css  frontend  best-practice 

ในMagento 2 DevDocมันบอกว่า หากต้องการรวมไฟล์ CSS ให้เพิ่มส่วน <css src = "<path> / <file>" media = "print | <option>" /> ในส่วน <head> ในไฟล์เลย์เอาต์ อย่างไรก็ตามมันไม่ได้บอกว่าเราจะมีอิทธิพลต่อลำดับของไฟล์ CSS ของเราได้อย่างไร และถ้าเราเพิ่มไฟล์ CSS ด้วยวิธีนี้ในธีมที่กำหนดเองซึ่งมีธีมหลักผลก็คือไฟล์จะถูกเพิ่มที่ส่วนบนของส่วน <head> พร้อมกับไฟล์ CSS อื่น ๆ จำนวนมากด้านล่างหมายความว่าลำดับความสำคัญของพวกเขาค่อนข้างมาก ต่ำและเราไม่สามารถแทนที่กฎได้อย่างง่ายดายจากธีมหลักหรือส่วนขยาย มีปัญหาคล้ายกันใน Magento 1 และมีวิธีแก้ไขเฉพาะหน้า บางคนทำความสะอาดมากกว่าคนอื่นน้อย วิธีที่ดีที่สุดในการสั่งซื้อไฟล์ CSS ของธีมที่กำหนดเองที่ด้านล่างของ <head> ใน Magento 2 คืออะไรถ้าเป็นไปได้ให้ปฏิบัติตามแนวทางการจัดวาง Magento 2 สำหรับธีมที่กำหนดเอง

14 magento2  layout  css  head 

ฉันสร้างธีมใหม่และมันก็ทำงานได้ดี แต่หลังจากนั้นไม่กี่วันฉันก็ตระหนักว่ามีบางสิ่งที่ไม่ได้ทำงาน default_head_blocks.xml จะไม่ดึงไฟล์ css ใด ๆ ที่ฉันรวมอีกต่อไป (ทั้งโฮสต์และภายนอก) default.xml ไม่ได้เขียนทับแม่หนึ่ง ฉันไม่แน่ใจว่าเกิดจากอะไร ฉันยังพยายามลบ / var / โฟลเดอร์รวมถึง / pub / static / frontend /

13 layout  theme  css 

ฉันจะเพิ่มBootstrap 4ในธีมที่กำหนดเองของฉัน ฉันเพิ่ม Bootstrap 3 โดยใช้การอ้างอิง: วิธีใช้ bootstrap ในธีมที่กำหนดเองของฉัน แต่ bootstrap 4 ไม่ทำงาน

12 magento2  css  magento2.2.4  framework