| 1234567 |
- <h1 align="center"> <a href="https://github.com/fancyapps/fancybox" target="_blank" rel="noopener">fancyBox 3</a> for <a href="https://github.com/theme-next" target="_blank" rel="noopener">NexT</a></h1><h2 align="center"> If you want fancybox v2, please go to <a href="https://github.com/theme-next/theme-next-fancybox" target="_blank" rel="noopener">theme-next-fancybox</a></h2><h1 align="center"> Installation</h1><h2 align="center"> Step 0 → Delete fancybox 2 (if you want to upgrade from v2)</h2><pre class="sourceCode bash" id="cb1"><code class="sourceCode bash"><div class="sourceLine" id="cb1-1" data-line-number="1">$ <span class="fu">rm</span> -rf themes/next/source/lib/fancybox</div></code></pre><h2> If you want to use the CDN instead of clone this repo, please jump to the Step 3.</h2><h2 align="center"> Step 1 → Go to NexT dir</h2><p>Change dir to <strong>NexT</strong> directory. There must be <code>layout</code>, <code>source</code>, <code>languages</code> and other directories:</p><pre class="sourceCode sh" id="cb2"><code class="sourceCode bash"><div class="sourceLine" id="cb2-1" data-line-number="1">$ <span class="bu">cd</span> themes/next</div>
- <div class="sourceLine" id="cb2-2" data-line-number="2">$ <span class="fu">ls</span></div>
- <div class="sourceLine" id="cb2-3" data-line-number="3"><span class="ex">bower.json</span> _config.yml docs gulpfile.coffee languages layout LICENSE.md package.json README.md scripts source test</div></code></pre><h2 align="center"> Step 2 → Get module</h2><p>Install module to <code>source/lib</code> directory:</p><pre class="sourceCode sh" id="cb3"><code class="sourceCode bash"><div class="sourceLine" id="cb3-1" data-line-number="1">$ <span class="fu">git</span> clone https://github.com/theme-next/theme-next-fancybox3 source/lib/fancybox</div></code></pre><h2 align="center"> Step 3 → Set it up</h2><p>Enable module in <strong>NexT</strong> <code>_config.yml</code> file:</p><pre class="sourceCode yml" id="cb4"><code class="sourceCode yaml"><div class="sourceLine" id="cb4-1" data-line-number="1"><span class="fu">fancybox:</span><span class="at"> true</span></div></code></pre><p><strong>And, if you wants to use the CDN, then need to set:</strong></p><pre class="sourceCode yml" id="cb5"><code class="sourceCode yaml"><div class="sourceLine" id="cb5-1" data-line-number="1"><span class="fu">vendors:</span></div>
- <div class="sourceLine" id="cb5-2" data-line-number="2"> ...</div>
- <div class="sourceLine" id="cb5-3" data-line-number="3"> <span class="fu">fancybox:</span><span class="at"> //cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.js</span></div>
- <div class="sourceLine" id="cb5-4" data-line-number="4"> <span class="fu">fancybox_css:</span><span class="at"> //cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.css</span></div></code></pre><h1 align="center"> Update</h1><pre class="sourceCode sh" id="cb6"><code class="sourceCode bash"><div class="sourceLine" id="cb6-1" data-line-number="1">$ <span class="bu">cd</span> themes/next/source/lib/fancybox</div>
- <div class="sourceLine" id="cb6-2" data-line-number="2">$ <span class="fu">git</span> pull</div></code></pre>
|
