Use cases

Open page or block at magento admin.
Open page content tab and click insert widget button.
Select “EasySlider” widget.
Select slider you want to place.
Save changes.

Using Easy Slider as XML code

You can also insert Easy Slider block with XML code

<block class="Swissup\EasySlide\Block\Slider" name="easyslide.slider.name">
    <arguments>
        <argument name="identifier" xsi:type="string">slider-config-identifier</argument>
    </arguments>
</block>

Using Easy Slider as block code

You can also insert Easy Slider block in your Pages and Blocks with next code

{{block type=”Swissup\EasySlide\Block\Slider” name=”easyslide.slider.name” identifier=”slider-config-identifier” }}

Missing styles at Magento 2 theme

It can occure at Zemez or Ecomwares themes.

Because of their implementation those themes don’t include styles from web/css/source/_module.less.

So to fix missing styles you have to create additional less-file and xml layout update.

Go to your theme directory. It can be either in vendor directory or in app/design/frontend. Create files:

Swissup_EasySlide/web/css/easyslide.less

@media-common: true;
@indent__s: 10px;

@import './source/_module.less';

Swissup_EasySlide/layout/default.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <css src="Swissup_EasySlide::css/easyslide.css" />
    </head>
</page>

When both files created redeploy theme static content and flush Magento cache.

Use cases

Using Easy Slider as Magento widget

Using Easy Slider as XML code

Using Easy Slider as block code

Missing styles at Magento 2 theme

See also: