{"id":5518,"date":"2021-07-19T04:03:00","date_gmt":"2021-07-19T04:03:00","guid":{"rendered":"https:\/\/www.magetop.com\/blog\/?p=5518"},"modified":"2021-07-22T15:38:06","modified_gmt":"2021-07-22T15:38:06","slug":"cach-them-javascript-va-css-trong-magento-2","status":"publish","type":"post","link":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2"},"content":{"rendered":"\n

Trong th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed, m\u1ed7i c\u1eeda h\u00e0ng l\u1ea1i c\u00f3 c\u00e1c t\u00ednh n\u0103ng v\u00e0 thi\u1ebft k\u1ebf kh\u00e1c nhau. Thi\u1ebft k\u1ebf \u0111\u00f3ng m\u1ed9t vai tr\u00f2 quan tr\u1ecdng, n\u00f3 t\u1ea1o n\u00ean s\u1ef1 \u1ea5n t\u01b0\u1ee3ng, nh\u00e2n th\u1ee9c v\u1ec1 th\u01b0\u01a1ng hi\u1ec7u cho c\u1eeda h\u00e0ng c\u1ee7a b\u1ea1n, gi\u00fap kh\u00e1ch d\u1ec5 d\u00e0ng \u0111i\u1ec1u h\u01b0\u1edbng, ch\u1ecbu tr\u00e1ch nhi\u1ec7m v\u1ec1 kh\u1ea3 n\u0103ng ph\u1ea3n h\u1ed3i, kh\u00e1c bi\u1ec7t v\u1edbi c\u00e1c trang \u0111\u1ed1i th\u1ee7, t\u0103ng c\u01b0\u1eddng SEO v\u00e0 c\u00f2n \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn t\u1ef7 l\u1ec7 tho\u00e1t, th\u1eddi gian tr\u00ean site c\u1ee7a b\u1ea1n. C\u1eeda h\u00e0ng Magento 2 cung c\u1ea5p layout m\u1eb7c \u0111\u1ecbnh kh\u00e1 t\u1ed1t, tuy nhi\u00ean th\u00ec n\u00f3 c\u00f3 th\u1ec3 s\u1ebd kh\u00f4ng ph\u00f9 h\u1ee3p v\u1edbi y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n. V\u1edbi b\u1ea5t k\u1ef3 theme n\u00e0o ph\u1ea3i \u0111i\u1ec1u ch\u1ec9nh th\u00ec b\u1ea1n c\u1ea7n ph\u1ea3i th\u00eam CSS b\u00ean ngo\u00e0i v\u00e0o. Ngo\u00e0i ra, n\u1ebfu b\u1ea1n mu\u1ed1n tri\u1ec3n khai jQuery cho c\u00e1c h\u00e0nh \u0111\u1ed9ng th\u00ec b\u1ea1n c\u0169ng c\u1ea7n \u0111\u01b0a JS t\u1eeb b\u00ean ngo\u00e0i. Ho\u1eb7c b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 th\u00eam JS v\u00e0 CSS do b\u1ea1n t\u1ef1 custom v\u00e0o Magento 2. Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Javascript v\u00e0 CSS v\u00e0o trong Magento 2.<\/p>\n\n\n\n\n\n

C\u00e1c b\u01b0\u1edbc th\u00eam External JS v\u00e0 CSS v\u00e0o trong Magento 2<\/h2>\n\n\n\n

\u0110\u1ec3 th\u00eam JS v\u00e0 CSS t\u1eeb b\u00ean ngo\u00e0i v\u00e0o(external) r\u1ea5t \u0111\u01a1n gi\u1ea3n, b\u1ea1n ch\u1ec9 c\u1ea7n m\u1edf file layout l\u00ean r\u1ed3i th\u00eam v\u00e0o \u0111o\u1ea1n code sau:<\/p>\n\n\n

\n<?xml version="1.0"?>\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <head>\n        <script src="https:\/\/url-js" src_type="url"\/>\n        <css src="https:\/\/url-css" src_type="url"\/>\n    <\/head>\n<\/page>\n<\/pre><\/div>\n\n\n
T\u1ea1i src b\u1ea1n s\u1ebd \u0111i\u1ec1n url c\u1ee7a external JS v\u00e0 CSS theo mong mu\u1ed1n c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n
C\u00e1c b\u01b0\u1edbc th\u00eam JS v\u00e0 CSS t\u1ef1 custom<\/h2>\n\n\n\n
B\u01b0\u1edbc 1:<\/strong> T\u1ea1o 2 file custom.css v\u00e0 custom.js t\u1ea1i app\/code\/Vendor\/Extension\/view\/frontend\/web\/css\/<\/strong>.<\/p>\n\n\n\n
B\u01b0\u1edbc 2:<\/strong> T\u1ea1o file default.xml t\u1ea1i app\/code\/Vendor\/Extension\/view\/frontend\/layout\/ v\u1edbi \u0111o\u1ea1n code sau:<\/p>\n\n\n
\n<?xml version="1.0"?>\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <head>\n        <css src="Vendor_Extension::css\/custom.css"\/>\n        <link src="Vendor_Extension::js\/custom.js"\/>\n    <\/head>\n<\/page>\n<\/pre><\/div>\n\n\n
Sau \u0111\u00f3 h\u00e3y l\u01b0u l\u1ea1i.<\/p>\n\n\n\n
Nh\u01b0 v\u1eady l\u00e0 m\u00ecnh \u0111\u00e3 h\u01b0\u1edbng d\u1eabn xong c\u00e1ch th\u00eam Javascript v\u00e0 CSS t\u1eeb b\u00ean ngo\u00e0i ho\u1eb7c t\u1ef1 custom v\u00e0o trong Magento 2.<\/p>\n\n\n\n
C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 \u0111\u1ecdc b\u00e0i vi\u1ebft.<\/p>\n\n\n\n
Xem th\u00eam c\u00e1c b\u00e0i H\u01b0\u1edbng d\u1eabn Magento 2<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Javascript v\u00e0 CSS v\u00e0o trong Magento 2.<\/p>\n","protected":false},"author":108,"featured_media":6350,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[226],"tags":[1358,1359,332],"class_list":["post-5518","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vn","tag-huong-dan-cach-them-javascript-va-css-trong-magento","tag-huong-dan-cach-them-javascript-va-css-trong-magento-2","tag-huong-dan-magento-2"],"yoast_head":"\nH\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2 - Magetop Blog<\/title>\n<meta name=\"description\" content=\"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Javascript v\u00e0 CSS t\u1eeb b\u00ean ngo\u00e0i(External) ho\u1eb7c t\u1ef1 custom v\u00e0o trong Magento 2.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2 - Magetop Blog\" \/>\n<meta property=\"og:description\" content=\"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Javascript v\u00e0 CSS t\u1eeb b\u00ean ngo\u00e0i(External) ho\u1eb7c t\u1ef1 custom v\u00e0o trong Magento 2.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Magetop Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MagetopStore\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-19T04:03:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-22T15:38:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i2.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1921\" \/>\n\t<meta property=\"og:image:height\" content=\"1137\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Callula Huy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:site\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Callula Huy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/\"},\"author\":{\"name\":\"Callula Huy\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/a2bf0aa38cec01bc41197b9ec4b3e8c9\"},\"headline\":\"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2\",\"datePublished\":\"2021-07-19T04:03:00+00:00\",\"dateModified\":\"2021-07-22T15:38:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/\"},\"wordCount\":487,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1\",\"keywords\":[\"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento\",\"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2\",\"h\u01b0\u1edbng d\u1eabn magento 2\"],\"articleSection\":[\"Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/\",\"url\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/\",\"name\":\"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2 - Magetop Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1\",\"datePublished\":\"2021-07-19T04:03:00+00:00\",\"dateModified\":\"2021-07-22T15:38:06+00:00\",\"description\":\"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Javascript v\u00e0 CSS t\u1eeb b\u00ean ngo\u00e0i(External) ho\u1eb7c t\u1ef1 custom v\u00e0o trong Magento 2.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1\",\"width\":1921,\"height\":1137,\"caption\":\"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.magetop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"name\":\"Magetop Blog\",\"description\":\"Exploring Magento Tips, Tricks, and Trends\",\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.magetop.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\",\"name\":\"Magetop.com\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"width\":475,\"height\":475,\"caption\":\"Magetop.com\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MagetopStore\",\"https:\/\/x.com\/MagetopStore\",\"https:\/\/www.linkedin.com\/company\/magetop\",\"https:\/\/www.pinterest.com\/magetop\",\"https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/a2bf0aa38cec01bc41197b9ec4b3e8c9\",\"name\":\"Callula Huy\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/321e837578b99a75c9d7f5c884e62e11b3b6df2b5934726e98fd365f580393c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/321e837578b99a75c9d7f5c884e62e11b3b6df2b5934726e98fd365f580393c7?s=96&d=mm&r=g\",\"caption\":\"Callula Huy\"},\"description\":\"Callula is the Marketing Executive at Magetop. With more than 5 years of copywriting under his belt, Callula is into creating valuable content that is straight to the point. Life student. Workaholic. Foreign languages and traveling aficionado.\",\"sameAs\":[\"http:\/\/magetop.com\"],\"url\":\"https:\/\/www.magetop.com\/blog\/author\/callula-huy\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2 - Magetop Blog","description":"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Javascript v\u00e0 CSS t\u1eeb b\u00ean ngo\u00e0i(External) ho\u1eb7c t\u1ef1 custom v\u00e0o trong Magento 2.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2 - Magetop Blog","og_description":"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Javascript v\u00e0 CSS t\u1eeb b\u00ean ngo\u00e0i(External) ho\u1eb7c t\u1ef1 custom v\u00e0o trong Magento 2.","og_url":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/","og_site_name":"Magetop Blog","article_publisher":"https:\/\/www.facebook.com\/MagetopStore","article_published_time":"2021-07-19T04:03:00+00:00","article_modified_time":"2021-07-22T15:38:06+00:00","og_image":[{"width":1921,"height":1137,"url":"https:\/\/i2.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1","type":"image\/png"}],"author":"Callula Huy","twitter_card":"summary_large_image","twitter_creator":"@MagetopStore","twitter_site":"@MagetopStore","twitter_misc":{"Written by":"Callula Huy","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#article","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/"},"author":{"name":"Callula Huy","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/a2bf0aa38cec01bc41197b9ec4b3e8c9"},"headline":"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2","datePublished":"2021-07-19T04:03:00+00:00","dateModified":"2021-07-22T15:38:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/"},"wordCount":487,"commentCount":0,"publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1","keywords":["H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento","H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2","h\u01b0\u1edbng d\u1eabn magento 2"],"articleSection":["Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/","url":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/","name":"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2 - Magetop Blog","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1","datePublished":"2021-07-19T04:03:00+00:00","dateModified":"2021-07-22T15:38:06+00:00","description":"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Javascript v\u00e0 CSS t\u1eeb b\u00ean ngo\u00e0i(External) ho\u1eb7c t\u1ef1 custom v\u00e0o trong Magento 2.","breadcrumb":{"@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#primaryimage","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1","width":1921,"height":1137,"caption":"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.magetop.com\/blog\/cach-them-javascript-va-css-trong-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.magetop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"H\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam Javascript v\u00e0 CSS trong Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/www.magetop.com\/blog\/#website","url":"https:\/\/www.magetop.com\/blog\/","name":"Magetop Blog","description":"Exploring Magento Tips, Tricks, and Trends","publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magetop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.magetop.com\/blog\/#organization","name":"Magetop.com","url":"https:\/\/www.magetop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","width":475,"height":475,"caption":"Magetop.com"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MagetopStore","https:\/\/x.com\/MagetopStore","https:\/\/www.linkedin.com\/company\/magetop","https:\/\/www.pinterest.com\/magetop","https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA"]},{"@type":"Person","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/a2bf0aa38cec01bc41197b9ec4b3e8c9","name":"Callula Huy","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/321e837578b99a75c9d7f5c884e62e11b3b6df2b5934726e98fd365f580393c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/321e837578b99a75c9d7f5c884e62e11b3b6df2b5934726e98fd365f580393c7?s=96&d=mm&r=g","caption":"Callula Huy"},"description":"Callula is the Marketing Executive at Magetop. With more than 5 years of copywriting under his belt, Callula is into creating valuable content that is straight to the point. Life student. Workaholic. Foreign languages and traveling aficionado.","sameAs":["http:\/\/magetop.com"],"url":"https:\/\/www.magetop.com\/blog\/author\/callula-huy\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-them-Javascript-va-CSS-trong-Magento-2.png?fit=1921%2C1137&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/paOdw5-1r0","jetpack-related-posts":[{"id":5800,"url":"https:\/\/www.magetop.com\/blog\/cach-merge-javascript-css-trong-magento-2\/","url_meta":{"origin":5518,"position":0},"title":"H\u01b0\u1edbng d\u1eabn c\u00e1ch Merge Javascript, CSS trong Magento 2","author":"Callula Huy","date":"July 16, 2021","format":false,"excerpt":"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch Merge JS, CSS trong Magento 2","rel":"","context":"In "Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t"","block_context":{"text":"Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t","link":"https:\/\/www.magetop.com\/blog\/vn\/"},"img":{"alt_text":"H\u01b0\u1edbng d\u1eabn c\u00e1ch Merge Javascript v\u00e0 CSS trong Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-Merge-Javascript-va-CSS-trong-Magento-2.png?fit=657%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-Merge-Javascript-va-CSS-trong-Magento-2.png?fit=657%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/07\/Huong-dan-cach-Merge-Javascript-va-CSS-trong-Magento-2.png?fit=657%2C445&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":5395,"url":"https:\/\/www.magetop.com\/blog\/them-terms-and-conditions-trong-magento-2\/","url_meta":{"origin":5518,"position":1},"title":"H\u01b0\u1edbng d\u1eabn th\u00eam Terms & Conditions trong Magento 2","author":"Callula Huy","date":"March 25, 2021","format":false,"excerpt":"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch th\u00eam Terms And Conditions Checkbox trong Magento 2.","rel":"","context":"In "Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t"","block_context":{"text":"Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t","link":"https:\/\/www.magetop.com\/blog\/vn\/"},"img":{"alt_text":"H\u01b0\u1edbng d\u1eabn th\u00eam Terms and Conditions Checkbox trong Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Huong-dan-them-Terms-and-Conditions-Checkbox-trong-Magento-2.jpg?fit=750%2C422&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Huong-dan-them-Terms-and-Conditions-Checkbox-trong-Magento-2.jpg?fit=750%2C422&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Huong-dan-them-Terms-and-Conditions-Checkbox-trong-Magento-2.jpg?fit=750%2C422&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Huong-dan-them-Terms-and-Conditions-Checkbox-trong-Magento-2.jpg?fit=750%2C422&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5757,"url":"https:\/\/www.magetop.com\/blog\/cach-thay-doi-theme-trong-magento-2\/","url_meta":{"origin":5518,"position":2},"title":"H\u01b0\u1edbng d\u1eabn c\u00e1ch thay \u0111\u1ed5i Theme trong Magento 2","author":"Callula Huy","date":"May 7, 2021","format":false,"excerpt":"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch thay \u0111\u1ed5i theme trong Magento 2.","rel":"","context":"In "Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t"","block_context":{"text":"Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t","link":"https:\/\/www.magetop.com\/blog\/vn\/"},"img":{"alt_text":"H\u01b0\u1edbng d\u1eabn c\u00e1ch thay \u0111\u1ed5i Theme trong Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/05\/Huong-dan-cach-thay-doi-Theme-trong-Magento-2.png?fit=750%2C431&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/05\/Huong-dan-cach-thay-doi-Theme-trong-Magento-2.png?fit=750%2C431&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/05\/Huong-dan-cach-thay-doi-Theme-trong-Magento-2.png?fit=750%2C431&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/05\/Huong-dan-cach-thay-doi-Theme-trong-Magento-2.png?fit=750%2C431&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":3547,"url":"https:\/\/www.magetop.com\/blog\/cach-tang-toc-magento-2\/","url_meta":{"origin":5518,"position":3},"title":"H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u0103ng t\u1ed1c trang web Magento 2","author":"Callula Huy","date":"December 2, 2020","format":false,"excerpt":"Vi\u1ec7c t\u0103ng t\u1ed1c trang web l\u00e0 r\u1ea5t quan tr\u1ecdng. Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n c\u00e1ch t\u1ed1i \u01b0u h\u00f3a \u0111\u1ec3 t\u0103ng t\u1ed1c trang web Magento 2.","rel":"","context":"In "Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t"","block_context":{"text":"Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t","link":"https:\/\/www.magetop.com\/blog\/vn\/"},"img":{"alt_text":"H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u0103ng t\u1ed1c trang web Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Huong-dan-cach-tang-toc-trang-web-Magento-2.jpg?fit=797%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Huong-dan-cach-tang-toc-trang-web-Magento-2.jpg?fit=797%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Huong-dan-cach-tang-toc-trang-web-Magento-2.jpg?fit=797%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Huong-dan-cach-tang-toc-trang-web-Magento-2.jpg?fit=797%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5759,"url":"https:\/\/www.magetop.com\/blog\/thiet-lap-seo-tot-nhat-trong-magento-2\/","url_meta":{"origin":5518,"position":4},"title":"H\u01b0\u1edbng d\u1eabn c\u1ea5u h\u00ecnh c\u00e0i \u0111\u1eb7t SEO t\u1ed1t nh\u1ea5t trong Magento 2","author":"Callula Huy","date":"May 10, 2021","format":false,"excerpt":"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch c\u1ea5u h\u00ecnh c\u00e0i \u0111\u1eb7t SEO t\u1ed1t nh\u1ea5t trong Magento 2.","rel":"","context":"In "Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t"","block_context":{"text":"Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t","link":"https:\/\/www.magetop.com\/blog\/vn\/"},"img":{"alt_text":"H\u01b0\u1edbng d\u1eabn c\u1ea5u h\u00ecnh c\u00e0i \u0111\u1eb7t SEO t\u1ed1t nh\u1ea5t trong Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/05\/Huong-dan-cau-hinh-cai-dat-SEO-tot-nhat-trong-Magento-2.png?fit=668%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/05\/Huong-dan-cau-hinh-cai-dat-SEO-tot-nhat-trong-Magento-2.png?fit=668%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/05\/Huong-dan-cau-hinh-cai-dat-SEO-tot-nhat-trong-Magento-2.png?fit=668%2C445&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":3836,"url":"https:\/\/www.magetop.com\/blog\/hien-va-xoa-breadcrumbs-trong-magento-2\/","url_meta":{"origin":5518,"position":5},"title":"H\u01b0\u1edbng d\u1eabn hi\u1ec3n th\u1ecb v\u00e0 g\u1ee1 b\u1ecf Breadcrumbs trong Magento 2","author":"Callula Huy","date":"December 28, 2020","format":false,"excerpt":"Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch hi\u1ec3n th\u1ecb v\u00e0 g\u1ee1 b\u1ecf Breadcrumbs trong Magento 2.","rel":"","context":"In "Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t"","block_context":{"text":"Magento 2 H\u01b0\u1edbng D\u1eabn Ti\u1ebfng Vi\u1ec7t","link":"https:\/\/www.magetop.com\/blog\/vn\/"},"img":{"alt_text":"H\u01b0\u1edbng d\u1eabn hi\u1ec3n th\u1ecb v\u00e0 g\u1ee1 b\u1ecf Breadcrumbs cho c\u00e1c trang CMS trong Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Huong-dan-hien-thi-va-go-bo-Breadcrumbs-cho-cac-trang-CMS-trong-Magento-2.jpg?fit=750%2C423&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Huong-dan-hien-thi-va-go-bo-Breadcrumbs-cho-cac-trang-CMS-trong-Magento-2.jpg?fit=750%2C423&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Huong-dan-hien-thi-va-go-bo-Breadcrumbs-cho-cac-trang-CMS-trong-Magento-2.jpg?fit=750%2C423&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Huong-dan-hien-thi-va-go-bo-Breadcrumbs-cho-cac-trang-CMS-trong-Magento-2.jpg?fit=750%2C423&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/users\/108"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/comments?post=5518"}],"version-history":[{"count":4,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5518\/revisions"}],"predecessor-version":[{"id":6341,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5518\/revisions\/6341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media\/6350"}],"wp:attachment":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media?parent=5518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/categories?post=5518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/tags?post=5518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}