Menambahkan css/style ke magento 2

Untuk mempertegas branding kita di website, tentu kita harus menyesuaikan tampilannya seperti yang kita inginkan. Saat itulah kita perlu menambahkan css pada website kita. Lalu bagaimana caranya jika kita melakukannya di dalam magento?

Jika tema yang kita gunakan adalah tema yang override tema lain, kita bisa menyesuaikan style dengan cara menambahkan file app/design/<vendor>/<nama_tema>/web/css/source/_extend.less. Lalu kita bisa mengoverride variabel yang sudah tersedia di parent theme dengan value yang kita inginkan. kita juga bisa menambahkan tambahan style disana.

Cara lain adalah menambahkan file css dan memanggil file css tersebut melalui layout update. cara ini tepat bagi kalian yang tidak ingin mengutak atik file less tema parent.

Tambahkan file css kalian ke direktori app/design/<vendor>/<nama_tema>/web/css pada direktori themes. lalu buat file layout di app/design/<vendor>/<nama_tema>/Magento_Theme/layout/default_head_blocks.xml

dengan konten berikut

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../vendor/magento/framework/Module/etc/module.xsd">
  <head>
    <css src="css/style.css" media="all and (min-width: 1px)" />
  </head>
</page>

sesuaikan style.css dengan path file css kalian.

Demikian, semoga bermanfaat.

2 thoughts on “Menambahkan css/style ke magento 2

Leave a Reply

%d bloggers like this: