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

คำถามที่เกี่ยวข้องกับ CSS ในบริบทของ Magento


6
Magento 2 - การเอาชนะ CSS โดยไม่ต้องใช้! สำคัญทุกที่
ฉันทำงานบนเว็บไซต์ Magento 2 ในขณะนี้สำหรับลูกค้า สมมติว่าแบรนด์ของลูกค้าของฉันคือboofarและชุดรูปแบบที่ฉันพยายามที่จะขยาย / แทนที่คือfoobarฉันได้ตั้งค่าเป็นชุดรูปแบบหลักโดยใช้frontend/Foobarthemes/boofar/theme.xml <theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd"> <title>Boofar</title> <parent>Foobarthemes/foobar1</parent> <media> <preview_image>media/preview.jpg</preview_image> </media> จากนั้นภายใต้frontend/Foobarthemes/boofar/web/css/source/_theme.lessฉันเขียนโค้ด CSS ที่ฉันต้องการแทนที่ _extend.lessฉันยังมีความพยายามนี้กับ .magicmenu { .home { display: none !important; } .nav-desktop .level0 .level-top > span { font-size: 12px; font-weight: normal; text-transformation: none; } } ฉันถูกบังคับให้ใช้!importantทุกอย่างเพื่อทำงานที่นี่ ไม่มีสิ่งที่เป็นแบบอักษรและข้อความในรหัสข้างต้น ฉันไม่เข้าใจกระบวนการทำงานส่วนหน้าของ Magento 2 อย่างถูกต้องหรือไม่?

3
Magento 2: style-m.css กับ style-l.css
วิธีstyle-m.cssและstyle-l.cssไฟล์ถูกสร้างใน Magento2? ในทางทฤษฎีstyle-m.cssควรมีรหัสน้อยลงและมีสไตล์สำหรับอุปกรณ์มือถือเท่านั้นstyle-l.cssเพื่อให้โหลดอุปกรณ์มือถือได้เร็วขึ้น วิธีที่คุณกำหนดในไฟล์น้อยถ้าเป็นส่วนหนึ่งของรหัสที่ควรจะเป็นส่วนหนึ่งของstyle-m.cssหรือstyle-l.css? ลิงก์และซอร์สโค้ดต่อไปนี้ไม่ได้ช่วยให้ฉันเข้าใจ แหล่งข้อมูล: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css-preprocess.html Magento2: แนวทางปฏิบัติที่ดีที่สุดในการแก้ไขไฟล์ css http://inchoo.net/magento-2/css-preprocessing-in-magento-2/
10 magento2  layout  css 

2
Magento 1.9: เพิ่มไฟล์ css ที่กำหนดเองเพื่อมุ่งหน้า
ฉันต้องเพิ่มไฟล์ CSS ที่กำหนดเองลงใน Magento ที่ใช้กับไซต์แล้ว ฉันรู้ว่าคุณต้องเพิ่มสิ่งนี้ลงในไฟล์local.xmlอย่างไรก็ตามสไตล์ชีทที่ฉันเพิ่มไม่ได้โหลด ใครก็ตามที่สามารถช่วยได้ นี่คือสิ่งที่ฉันเพิ่มลงในไฟล์local.xmlของฉัน: <?xml version="1.0"> <layout> <default> <reference name="head"> <action method="addCss”><type>skin_css</type><file>css/javcustom.css</file></action> </reference> </default> </layout> ฉันรู้ว่ามีหัวข้อมากมายที่นี่ แต่ฉันได้ลองทั้งหมดและฉันก็ไม่สามารถทำงาน ...
10 magento-1.9  css 

3
การเอาชนะสไตล์ของธีมเปล่าใน Magento 2
คุณจะเอาชนะสไตล์การนำทางสำหรับธีมที่กำหนดเองได้อย่างไรเมื่อสืบทอดจากธีมว่างใน Magento 2 ฉันมีtheme.cssไฟล์ในapp/design/frontend/<Vendor>/<theme>/web/cssโฟลเดอร์ของฉันแต่ฉันทราบว่า Magento 2 ใช้น้อยกว่า ฉันสามารถแทนที่สไตล์ในtheme.cssสไตล์ชีทของฉันได้อย่างง่ายดายแต่ฉันไม่ต้องการใช้!importantต่อไป นอกจากนี้ฉันกำลังใช้ Bootstrap 3 และฉันสมมติว่าสไตล์จากชุดรูปแบบเปล่าจะแทนที่คำแนะนำรูปแบบใด ๆ ที่ตรงกับใน Bootstrap วิธีที่ดีที่สุดในการเข้าถึงสิ่งนี้คืออะไร?
10 magento2  overrides  css  less 

1
จะเพิ่ม Block Specific JS (และ CSS) ได้อย่างไร - วิธี _right_
ดังนั้นฉันจึงใช้เวลาเป็นชั่วโมงในการค้นหาอ่านหนังสือเรียน ฯลฯ แต่ไม่มีใคร (ไม่ใช่แม้แต่อลันสตอร์ม!) สะกดคำนี้ให้ฉัน ดูเหมือนว่าอินเทอร์เน็ตทั้งหมดจะสนใจในการเพิ่มหรือ JS CSS เพื่อโดยเฉพาะอย่างยิ่งหน้าของวีโอไอพี 2 แต่สิ่งที่ฉันกำลังมองหาคือการเพิ่ม JS / CSS เพื่อเฉพาะบล็อก ดังนั้นนี่คือคำถามของฉันโดยย่อ: วิธีที่ดีที่สุดในการเพิ่ม JS (และ CSS เพิ่มเติม) ลงในบล็อกนั้นคืออะไรดังนั้นหากบล็อกนั้นปรากฏบนหน้า (*) โหลด JS / CSS หากบล็อกไม่มีอยู่นั้นจะไม่มี CSS / JS? ? * ซึ่งหมายความว่าสามารถตั้งค่าบล็อกใด ๆ บนเพจ / เทมเพลตผ่าน layout.xml บนเพจที่กำหนดเองจากโมดูลของฉันผ่านวิธี toHtml ของบล็อก / เพจหรือที่สำคัญที่สุดคือบล็อกที่ฝังอยู่ใน WYSIWYG ของหมวดหมู่ / คำอธิบายผลิตภัณฑ์ / CMS …

2
Magento 2 - ฉันจะเพิ่มไฟล์แม่แบบที่กำหนดเองลงใน <head> ได้อย่างไร?
ใน magento 1.x ฉันสามารถเพิ่มไฟล์ css ลงในหัวโดยใช้ผู้ช่วยเหมือนโค้ดด้านล่าง &lt;reference name="head"&gt; &lt;action method="addCss"&gt;&lt;stylesheet helper="module/helperclass/helperfunction"/&gt;&lt;/action&gt; &lt;/reference&gt; แต่ไม่สามารถทำได้ใน Magento 2 ดังนั้นตอนนี้ฉันเพิ่มรหัสนี้&lt;link rel="stylesheet" type="text/css" media="all" href="&lt;?php echo $_helper-&gt;getCSSFile()?&gt;"&gt;ลงในคอนเทนเนอร์ "after.body.start" ใครรู้ว่าฉันจะเพิ่มไฟล์แม่แบบที่กำหนดเองได้&lt;head&gt;อย่างไร
9 magento2  layout  css 

3
Magento 1.9.1.0 - อัปโหลดประเภทไฟล์ PDF ใน Wysiwyg Editor และแสดงไอคอน PDF
ฉันสร้างโมดูลที่กำหนดเองเพื่อให้ผู้ใช้สามารถอัปโหลด.PDFไฟล์CMS &gt; Pagesได้ รหัสที่ใช้อยู่ด้านล่าง: app / etc / โมดูล &lt;?xml version="1.0"?&gt; &lt;config&gt; &lt;modules&gt; &lt;Pdf_WysiwygFiles&gt; &lt;active&gt;true&lt;/active&gt; &lt;codePool&gt;local&lt;/codePool&gt; &lt;/Pdf_WysiwygFiles&gt; &lt;/modules&gt; &lt;/config&gt; app / รหัส / ท้องถิ่น / PDF / WysiwygFiles / etc / config.xml &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;config&gt; &lt;modules&gt; &lt;Pdf_WysiwygFiles&gt; &lt;version&gt;1.0.0&lt;/version&gt; &lt;/Pdf_WysiwygFiles&gt; &lt;/modules&gt; &lt;adminhtml&gt; &lt;cms&gt; &lt;browser&gt; &lt;extensions&gt; &lt;allowed&gt; &lt;jpg&gt;1&lt;/jpg&gt; &lt;jpeg&gt;1&lt;/jpeg&gt; &lt;png&gt;1&lt;/png&gt; &lt;gif&gt;1&lt;/gif&gt; …
9 magento-1.9  cms  css  pdf  wysiwyg 


4
การเพิ่ม CSS และ JS ไปยัง <head> โดยใช้โมดูล layout.xml สำหรับบล็อก
สรุป ฉันต้องการเพิ่มบล็อกในมุมมองผลิตภัณฑ์ที่จัดกลุ่มและมุมมองผลิตภัณฑ์อย่างง่ายของฉัน บล็อกนี้จะมีคำแนะนำเครื่องมือที่ดีสำหรับสถานะการเลื่อนเมาส์ฉันใช้ไลบรารีขนาดเล็กที่มีปลั๊กอิน jquery หนึ่งชุดและสไตล์ชีท css อีกหนึ่งชุด ฉันต้องการรวมสองแหล่งข้อมูลไว้ในวีโอไอพีในหน้าเหล่านี้เท่านั้น หมายเหตุ ฉันใช้ธีมที่กำหนดเอง; แคชเป็นคนพิการ ; และ ไฟล์ของฉันอยู่ใน/jsไดเรกทอรี; ป่านนี้… อย่างไรก็ตามฉันรู้ว่าวิธีหนึ่งคือการใช้layout.xmlในโมดูลของฉันในตอนแรกมันใช้งานไม่ได้ดังนั้นฉันคิดว่าฉันอาจต้องการการกำหนดค่าเพิ่มเติมภายในconfig.xmlเพื่อบอก Magento เกี่ยวกับข้อกำหนดด้านโครงร่างของฉัน - นี่ก็ใช้งานไม่ได้เช่นกัน โดยไม่ได้ทำงานในสิ่งที่ผมหมายถึงคือสินทรัพย์ของฉันไม่ได้โหลด กรุณาหาแหล่งที่แนบมาด้านล่าง app / รหัส / ท้องถิ่น / ผู้ขาย / การจัดอันดับ / etc / layout.xml &lt;?xml version="1.0"?&gt; &lt;layout&gt; &lt;default&gt; &lt;reference name="head"&gt; &lt;action method="addJs"&gt; &lt;script&gt;vendor/qtip/jquery.qtip.min.js&lt;/script&gt; &lt;/action&gt; &lt;action method="addCss"&gt; &lt;stylesheet&gt;vendor/qtip/jquery.qtip.min.css&lt;/stylesheet&gt; &lt;/action&gt; &lt;/reference&gt; …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.