1. Home
  2. Ecommerce
  3. Temi
  4. Bootstrap

Bootstrap Responsive


Nella creazione della pagina, puo’ essere utile usare bootstrap, oppure usare il file style.css in alternativa a Less.

In questo caso occorre:

  • scaricare i file bootstrap.js e bootstrap.css (min in produzione)
  • inserirli nella cartella web>css e web>js
  • creare un file default_head_blocks.xml

Ecco il contenuto di default_head_blocks.xml


                    
 <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
                        
 <head>
                        
 <css src="css/bootstrap.css" order="99"></css>
                        
 <css src="css/style.css" order="100"/>
                        
 <script src="js/bootstrap.js"></script>
                        
 </head>
                        
 </page>

Come gia’ detto, questi file sono contentuti in <Magento folder> <tema> web

Magento

Attivazione del tema

Magento setup

Fatti questi passi, il tema è pronto per la attivazione, andando in CONTENT | Configuration.
Scegliere EDIT e nella finestra che si presenta selezionare il tema creato.