Toggle Nav
بحث

Argento Elements

We created the Elements Page to get managing your Magento 2 store simple. The page makes it easier to create content. The page includes ready-to-use widgets and HTML snippets with predefined styles. Adding and configuring the mentioned blocks doesn't require any programming skills. Now you can simply implement them in various places on your website. The benefit of using the information of Elements Page is that the same block or widget can be reused on multiple pages. That saves you lots of time when creating and updating content.

  1. Block with Image on Left
  2. Block with Image on Right
  3. Divider with Background and Title
  4. Text Blocks with Small Icons
  5. Text Blocks with Big Icons
  6. Text Blocks with Icons on Top
  7. Logos Slider
  8. Product with Short Information
  9. Products Grid
  10. Products Slider
  11. Blocks with Person Bio
  12. Pricing Block
  13. Image Gallery
  14. Latest News
  15. Testimonials
  16. Single Testimonial

Block with Image on Left

You can use the blocks as a navigational tool. They include links to popular content of your store. Both images and a brief introduction present whatever you believe your visitors will find valuable.

Show Code

Up to 80% off

Special offers

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Integer et elit eget elit facilisis tristique.

Learn more 
<div class="image-block left element">
    <div class="info">
        <p class="label">Up to 80% off</p>
        <h2 class="heading"><strong>Special</strong> offers</h2>
        <p class="text">
            In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Integer et elit eget elit facilisis tristique.
        </p>
        <a href="" class="action primary">
            <span>Learn more</span>
        </a>
    </div>
    <div class="picture">
        <img src="{{media url=&quot;wysiwyg/elements/argento/stripes/banner-image.jpg&quot;}}" alt="" />
    </div>
</div>

Block with Image on Right

Show Code

Up to 80% off

Special offers

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Integer et elit eget elit facilisis tristique.

Learn more 
<div class="element image-block right">
    <div class="info">
        <p class="label">Up to 80% off</p>
        <h2 class="heading"><strong>Special</strong> offers</h2>
        <p class="text">
            In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Integer et elit eget elit facilisis tristique.
        </p>
        <a href="" class="action primary">
            <span>Learn more</span>
        </a>
    </div>
    <div class="picture">
        <img src="{{media url=&quot;wysiwyg/elements/argento/stripes/banner-image.jpg&quot;}}" alt="" />
    </div>
</div>

Divider with Background and Title

With the block code, you can add the dividers as section background images. The dividers bring a little originality to a web page. Plus, the image can present links to the important content of your store.

Show Code

Up to 80% off

Special Offers

Don’t miss out

Try out now 
<div class="element background-divider a-center">
    <img src="{{media url='wysiwyg/elements/argento/stripes/offers.jpg'}}" alt="Special Offers" />
    <div class="content">
        <p class="label">Up to 80% off</p>
        <div class="block-title">
            <strong role="heading" aria-level="3">Special Offers</strong>
            <p class="subtitle">Don’t miss out</p>
        </div>
        <a href="{{store direct_url=''}}" title="Try out now" class="action"><span>Try out now</span></a>
    </div>
</div>

Text Blocks with Small Icons

The blocks have an informative role to play. A piece of important content along with memorable icons will help you to communicate with your customers who speak multiple languages. The blocks with icons compact information into one easily recognizable symbol. Within a text block, you can add custom-designed icons too.

Show Code

Stylish electronics for everyone

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique.

Learn more

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. 
<div class="element icon-text-small">
    <div class="description">
        <h2 class="heading"><strong>Stylish electronics for</strong> everyone</h2>
        <p class="text">In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique.</p>
        <a href="" class="action primary">
            <span>Learn more</span>
        </a>
    </div>
    <div class="icons">
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-check.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h4 class="title">Donec rutrum congue</h4>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-location.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h4 class="title">Donec rutrum congue</h4>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-heart.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h4 class="title">Donec rutrum congue</h4>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-tags.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h4 class="title">Donec rutrum congue</h4>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-money.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h4 class="title">Donec rutrum congue</h4>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-sale.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h4 class="title">Donec rutrum congue</h4>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
            </div>
        </div>
    </div>
</div>

Text Blocks with Big Icons

Show Code

Branding

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Branding

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Branding

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.
<div class="element icon-text-big">
    <div class="item">
        <div class="icon bg-blue"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-tags.svg&quot;}}" alt="" /></div>
        <div class="info">
            <h3 class="title">Branding</h3>
            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
        </div>
    </div>
    <div class="item">
        <div class="icon bg-green"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-location.svg&quot;}}" alt="" /></div>
        <div class="info">
            <h3 class="title">Branding</h3>
            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
        </div>
    </div>
    <div class="item">
        <div class="icon bg-orange"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-check.svg&quot;}}" alt="" /></div>
        <div class="info">
            <h3 class="title">Branding</h3>
            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
        </div>
    </div>
</div>

Text Blocks with Icons on Top

Show Code
Explore our store

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.
<div class="element icon-text-top">
    <div class="block-title">
        <strong role="heading" aria-level="3">Explore our store</strong>
    </div>
    <div class="content">
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-tags-blue.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h3 class="title">Donec rutrum congue</h3>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-location-blue.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h3 class="title">Donec rutrum congue</h3>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/argento/stripes/icons/icon-check-blue.svg&quot;}}" alt="" /></div>
            <div class="info">
                <h3 class="title">Donec rutrum congue</h3>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
            </div>
        </div>
    </div>
</div>

Logos Slider

The Logos Slider is perfect for displaying a list of brands available in your store. You can also use it to show your partner or client logos. With the block code, you can add your slider to your site quickly and easily. Made using Easy Slider module widget.

Show Code
Our brands 
<div class="block block-carousel element brands-slider">
    <div class="block-title">
        <strong role="heading" aria-level="3">Our brands</strong>
    </div>
    <div class="block-content">
        {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_stripes_brands"}}
    </div>
</div>

Product with Short Information

The block/widget enables you to display a short description of the product on a category, other product listing pages, and product page. Using block/widget you will easily show the main information of your product briefly to arouse interest. Built with Highlight module widget.

Show Code
  1. 2 دمبل معدن 3 كجم
    ٣٥٠٫٠٠ ج.م.‏
    اللون: احمر
    Display Actual Price: استخدام التكوين
    تفاصيل اكثر
لكل صفحة 
<div class="element product-info">{{widget type="Swissup\Highlight\Block\ProductList\All" title="" carousel="0" products_count="1" column_count="1" page_count="1" order="default" dir="asc" template="Swissup_Highlight::product/list.phtml" mode="list" show_page_link="0" conditions_encoded="^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^]^]" hide_when_filter_is_used="0"}}</div>

Products Grid

The block displays products in a product grid. It shows 4 products per row on the desktop and 2 per row on mobile. You can select a list of products manually. You can expand the grid with columns, custom text, labels. Built with Highlight module widget.

Show Code
Explore our store
  1. OUT OF STOCK
    ميكرويف بالشواية ال جي
    ٨٬٠٠٠٫٠٠ ج.م.‏
    غير متوفر
    اللون: أسود
    Display Actual Price: استخدام التكوين
  2. فريش بوتاجاز غاز بلازا
    ١٠٬٠٠٠٫٠٠ ج.م.‏
    اللون: فضي
    Display Actual Price: استخدام التكوين
  3. سامسونج غسالة ملابس أوتوماتيك 9 كجم
    ٢٥٬٠٠٠٫٠٠ ج.م.‏
    اللون: أسود
    Display Actual Price: استخدام التكوين
  4. سامسونج ثلاجة نوفروست
    ٣١٬٠٠٠٫٠٠ ج.م.‏
    اللون: فضي
    Display Actual Price: استخدام التكوين
  5. فريش فريزر5 درج
    ٢٠٬٠٠٠٫٠٠ ج.م.‏
    اللون: فضي
    Display Actual Price: استخدام التكوين
  6. داهوا فلاش ميموري سعة 16 جيجا بايت - موديل A20AU16G0203B1
    ١٥٠٫٠٠ ج.م.‏
    اللون: أسود
    Display Actual Price: استخدام التكوين
  7. لينوفو V15
    ٩٬١٠٠٫٠٠ ج.م.‏
    اللون: فضي
    Display Actual Price: استخدام التكوين
  8. ديل G5-5500
    ٣٥٬٠٠٠٫٠٠ ج.م.‏
    اللون: أسود
    Display Actual Price: استخدام التكوين
لكل صفحة 
<div class="element products-grid">{{widget type="Swissup\Highlight\Block\ProductList\All" title="Explore our store" carousel="0" products_count="8" column_count="4" page_count="1" order="default" dir="asc" template="Magento_Catalog::product/list.phtml" mode="grid" show_page_link="0" conditions_encoded="^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^]^]" hide_when_filter_is_used="0"}}</div>

Products Slider

The widget allows you to show the attractive product slider on your site. You can add a carousel to posts, pages, sidebars. This is a great way to showcase your products and increase conversions. Built with Highlight module widget with ajax carousel enabled.

Show Code
Related products
  1. وحدة ادراج خشبية
    ١٬٨٠٠٫٠٠ ج.م.‏
    اللون: بني
    Display Actual Price: استخدام التكوين
  2. مكتب مدير مودرن 160 سم
    ١٠٬٠٠٠٫٠٠ ج.م.‏
    اللون: بني
    Display Actual Price: استخدام التكوين
  3. مكواه فريش
    ٩٥٠٫٠٠ ج.م.‏
    اللون: أبيض & أزرق
    Display Actual Price: استخدام التكوين
  4. هاند بلندر فريش
    ٣٬٠٠٠٫٠٠ ج.م.‏
    اللون: أسود
    Display Actual Price: استخدام التكوين
لكل صفحة 
<div class="element products-slider">{{widget type="Swissup\Highlight\Block\ProductList\All" title="Related products" carousel="1" products_count="4" column_count="4" page_count="2" order="default" dir="asc" template="Magento_Catalog::product/list.phtml" mode="grid" show_page_link="0" conditions_encoded="^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^]^]" hide_when_filter_is_used="0"}}</div>

Blocks with Person Bio

This block is an excellent solution to display the personal BIO of your team members. The block includes a profile image, title, and biography.

Show Code

Owen Hill

Head Designer

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig

Angie Smith

Head Designer

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig

Alice Richardson

Head Designer

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig

<div class="element bio">
    <div class="item">
        <div class="wrapper">
            <img src="{{media url='wysiwyg/elements/argento/stripes/bio-1.png'}}" alt="" class="image">
            <h4 class="title">Owen Hill</h4>
            <span class="subtitle">Head Designer</span>
            <p class="info">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig</p>
        </div>
    </div>
    <div class="item">
        <div class="wrapper">
            <img src="{{media url='wysiwyg/elements/argento/stripes/bio-2.png'}}" alt="" class="image">
            <h4 class="title">Angie Smith</h4>
            <span class="subtitle">Head Designer</span>
            <p class="info">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig</p>
        </div>
    </div>
    <div class="item">
        <div class="wrapper">
            <img src="{{media url='wysiwyg/elements/argento/stripes/bio-3.png'}}" alt="" class="image">
            <h4 class="title">Alice Richardson </h4>
            <span class="subtitle">Head Designer</span>
            <p class="info">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig</p>
        </div>
    </div>
</div>

Pricing Block

With the block, you can add your own custom pricing table block. It shows the price range with combinations of different prices. It shows a list of services or products included in the pricing package. You have only to choose a location where you want to add the block.

Show Code

Plans designed for all
different needs

Starter Plan
$40/month
  • 1 Complete product
  • 1 year of support
  • 1 Dedicated server
  • 10 Research demo
  • 20 users
Sign up
Business Plan
$60/month
  • 1 Complete product
  • 1 year of support
  • 1 Dedicated server
  • 10 Research demo
  • 20 users
  • 10 linked accounts
Sign up
Enterprise Plan
$120/month
  • 1 Complete product
  • 1 year of support
  • 1 Dedicated server
  • 10 Research demo
  • 20 users
Sign up 
<div class="element pricing">
    <div class="block-title">
        <h2 class="heading"><strong>Plans designed for all</strong><br />different needs</h2>
    </div>
    <div class="block-content">
        <div class="price-block">
            <div class="info-top">
                <span class="title">Starter Plan</span>
                <div class="price"><strong class="amount">$40</strong><span class="period">/month</span></div>
            </div>
            <div class="info-bottom">
                <ul class="conditions">
                    <li class="item"><strong>1</strong> Complete product</li>
                    <li class="item"><strong>1</strong> year of support</li>
                    <li class="item"><strong>1</strong> Dedicated server</li>
                    <li class="item"><strong>10</strong> Research demo</li>
                    <li class="item"><strong>20</strong> users</li>
                </ul>
                <a href="" class="action primary"><span>Sign up</span></a>
            </div>
        </div>
        <div class="price-block popular" data-popular="Most Popular">
            <div class="info-top">
                <span class="title">Business Plan</span>
                <div class="price"><strong class="amount">$60</strong><span class="period">/month</span></div>
            </div>
            <div class="info-bottom">
                <ul class="conditions">
                    <li class="item"><strong>1</strong> Complete product</li>
                    <li class="item"><strong>1</strong> year of support</li>
                    <li class="item"><strong>1</strong> Dedicated server</li>
                    <li class="item"><strong>10</strong> Research demo</li>
                    <li class="item"><strong>20</strong> users</li>
                    <li class="item"><strong>10</strong> linked accounts</li>
                </ul>
                <a href="" class="action primary"><span>Sign up</span></a>
            </div>
        </div>
        <div class="price-block">
            <div class="info-top">
                <span class="title">Enterprise Plan</span>
                <div class="price"><strong class="amount">$120</strong><span class="period">/month</span></div>
            </div>
            <div class="info-bottom">
                <ul class="conditions">
                    <li class="item"><strong>1</strong> Complete product</li>
                    <li class="item"><strong>1</strong> year of support</li>
                    <li class="item"><strong>1</strong> Dedicated server</li>
                    <li class="item"><strong>10</strong> Research demo</li>
                    <li class="item"><strong>20</strong> users</li>
                </ul>
                <a href="" class="action primary"><span>Sign up</span></a>
            </div>
        </div>
    </div>
</div>

<div class="element gallery">
    {{widget type="Swissup\Lightboxpro\Block\Widgets\Gallery" template="widget/masonry.phtml" img_width="600" img_height="auto" thumb_width="80" thumb_height="100" gallery="file=argento/stripes/1.jpg&amp;position=0&amp;label=Laptop;file=argento/stripes/2.jpg&amp;position=1&amp;label=Laptop+tablet;file=argento/stripes/3.jpg&amp;position=2&amp;label=Smartwatch;file=argento/stripes/4.jpg&amp;position=3&amp;label=Iphone+camera;file=argento/stripes/5.jpg&amp;position=4&amp;label=Analog+watch;file=argento/stripes/6.jpg&amp;position=5&amp;label=Iphone+red"}}
</div>

Latest News

The Latest News block helps you to show recent posts from a blog, top trending news, videos, and stories. By default, the block displays 2 news items.

Show Code
Latest news
  1. Trends

    New Collection

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquam justo et nibh venenatis aliquet. Morbi mollis mollis pellentesque. Aenean vitae erat.
    Learn more
  2. Trends

    New Collection

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquam justo et nibh venenatis aliquet. Morbi mollis mollis pellentesque. Aenean vitae erat.
    Learn more 
<div class="element news">
    <div class="block-title">
        <strong role="heading" aria-level="3">Latest news</strong>
    </div>
    <div class="content">
        <ol class="post-list">
            <li class="item">
                <div class="post-image">
                    <a href="#" title="News post">
                        <img src="https://design2.magento2.click/media/"wysiwyg/elements/argento/stripes/news.jpg"" alt="Post Link">
                    </a>
                </div>
                <div class="post-content">
                    <span class="post-tag">Trends</span>
                    <h2><a href="#" title="New Collection">New Collection</a></h2>
                    <div class="short-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquam justo et nibh venenatis aliquet. Morbi mollis mollis pellentesque. Aenean vitae erat.</div>
                    <a href="#" class="read-more-link">Learn more</a>
                </div>
            </li>
            <li class="item">
                <div class="post-image">
                    <a href="#" title="News post">
                        <img src="https://design2.magento2.click/media/"wysiwyg/elements/argento/stripes/news.jpg"" alt="Post Link">
                    </a>
                </div>
                <div class="post-content">
                    <span class="post-tag">Trends</span>
                    <h2><a href="#" title="New Collection">New Collection</a></h2>
                    <div class="short-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquam justo et nibh venenatis aliquet. Morbi mollis mollis pellentesque. Aenean vitae erat.</div>
                    <a href="#" class="read-more-link">Learn more</a>
                </div>
            </li>
        </ol>
    </div>
</div>

Testimonials

The Testimonials widget allows you to add testimonials anywhere on your website. Using it you can embed customer testimonial slider into your store pages in a few clicks.

Show Code 
<div class="element testimonials">
    {{widget type="Swissup\Testimonials\Block\Widgets\Slider" items_number="6" title="Our clients love us" slides_to_show="3" show_rating="1"}}
</div>

Single Testimonial

Show Code 
<div class="element testimonial-single">
    {{widget type="Swissup\Testimonials\Block\Widgets\Slider" items_number="6" title="" slides_to_show="1" show_rating="0" img_width="350" img_height="400"}}
</div>