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.
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.
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.
<divclass="image-block left element"><divclass="info"><pclass="label">New</p><h2class="heading">Adventure Starts Now</h2><pclass="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><ahref=""class="action primary"><span>Shop Now</span></a></div><divclass="picture"><imgsrc="{{media url="wysiwyg/elements/argento/force/banner-image-left.png"}}"alt=""/></div></div>
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.
<divclass="element image-block right"><divclass="info"><pclass="label">New</p><h2class="heading">Adventure Starts Now</h2><pclass="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><ahref=""class="action primary"><span>Shop Now</span></a></div><divclass="picture"><imgsrc="{{media url="wysiwyg/elements/argento/force/banner-image-right.png"}}"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.
<divclass="element background-divider a-center"><imgsrc="{{media url='wysiwyg/elements/argento/force/nike-collection.png'}}"alt="Nike Collection"/><divclass="content"><divclass="block-title"><strongrole="heading"aria-level="3">New Nike Collection</strong><pclass="subtitle">Three-piece toe construction for classic tennis support and performance.</p></div><ahref="{{store direct_url=''}}"title="Shop Now"class="action primary"><span>Shop 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.
In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique.
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.
<divclass="element icon-text-small"><divclass="description"><h2class="heading argento-force-title"><strongrole="heading"aria-level="3">Stylish interiors for everyone</strong></h2><pclass="text">In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique.</p></div><divclass="icons"><divclass="item"><divclass="icon"><imgsrc="{{media url="wysiwyg/elements/argento/force/icons/icon-check.svg"}}"alt=""/></div><divclass="info"><h4class="title">Donec rutrum congue</h4><divclass="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div></div></div><divclass="item"><divclass="icon"><imgsrc="{{media url="wysiwyg/elements/argento/force/icons/icon-location.svg"}}"alt=""/></div><divclass="info"><h4class="title">Donec rutrum congue</h4><divclass="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div></div></div><divclass="item"><divclass="icon"><imgsrc="{{media url="wysiwyg/elements/argento/force/icons/icon-heart.svg"}}"alt=""/></div><divclass="info"><h4class="title">Donec rutrum congue</h4><divclass="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div></div></div><divclass="item"><divclass="icon"><imgsrc="{{media url="wysiwyg/elements/argento/force/icons/icon-tags.svg"}}"alt=""/></div><divclass="info"><h4class="title">Donec rutrum congue</h4><divclass="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div></div></div><divclass="item"><divclass="icon"><imgsrc="{{media url="wysiwyg/elements/argento/force/icons/icon-money.svg"}}"alt=""/></div><divclass="info"><h4class="title">Donec rutrum congue</h4><divclass="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div></div></div><divclass="item"><divclass="icon"><imgsrc="{{media url="wysiwyg/elements/argento/force/icons/icon-sale.svg"}}"alt=""/></div><divclass="info"><h4class="title">Donec rutrum congue</h4><divclass="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div></div></div></div></div>
Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.
Money Back
Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.
Fast Delivery
Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.
<divclass="element icon-text-big"><divclass="item"><divclass="icon"><iclass="force-icon force-icon-bigger force-shield"></i></div><divclass="info"><h3class="title">Secure Payments</h3><divclass="text">Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.</div></div></div><divclass="item"><divclass="icon"><iclass="force-icon force-icon-bigger force-100percent"></i></div><divclass="info"><h3class="title">Money Back</h3><divclass="text">Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.</div></div></div><divclass="item"><divclass="icon"><iclass="force-icon force-icon-bigger force-delivery"></i></div><divclass="info"><h3class="title">Fast Delivery</h3><divclass="text">Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.</div></div></div></div>
Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.
Money Back
Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.
Fast Delivery
Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.
<divclass="element icon-text-top"><divclass="block-title"><strongrole="heading"aria-level="2">Explore our store</strong></div><divclass="content"><divclass="item"><divclass="icon"><iclass="force-icon force-icon-bigger force-shield"></i></div><divclass="info"><h3class="title">Secure Payments</h3><divclass="text">Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.</div></div></div><divclass="item"><divclass="icon"><iclass="force-icon force-icon-bigger force-100percent"></i></div><divclass="info"><h3class="title">Money Back</h3><divclass="text">Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.</div></div></div><divclass="item"><divclass="icon"><iclass="force-icon force-icon-bigger force-delivery"></i></div><divclass="info"><h3class="title">Fast Delivery</h3><divclass="text">Order online, avoid the shipping costs, and collect your items from any of our 56 stores nationwide, whenever and wherever is most convenient for you.</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.
<divclass="block block-carousel element brands-slider"><divclass="block-title argento-force-title"><strongrole="heading"aria-level="3">Brands</strong></div><divclass="block-content">
{{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_force_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.
A EGG PowerStation é a primeira extensão eléctrica com uma face plana, design futurista e totalmente Português! Ligue todos os seus dispositivos sem se preocupar com a orientação (pode ligar na vertical ou na horizontal). Tampas personalizáveis.
Modelo com a tampa Conscious Arithmetic by Pedro Palrão.
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.
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.
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
<divclass="element bio"><divclass="item"><divclass="wrapper"><imgsrc="{{media url='wysiwyg/elements/argento/force/bio-1.png'}}"alt=""class="image"><h4class="title">Owen Hill</h4><spanclass="subtitle">Head Designer</span><pclass="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><divclass="item"><divclass="wrapper"><imgsrc="{{media url='wysiwyg/elements/argento/force/bio-2.png'}}"alt=""class="image"><h4class="title">Angie Smith</h4><spanclass="subtitle">Head Designer</span><pclass="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><divclass="item"><divclass="wrapper"><imgsrc="{{media url='wysiwyg/elements/argento/force/bio-3.png'}}"alt=""class="image"><h4class="title">Alice Richardson</h4><spanclass="subtitle">Head Designer</span><pclass="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.
<divclass="element pricing"><divclass="block-content"><divclass="price-block"><divclass="info-top"><spanclass="title">Starter Plan</span></div><divclass="info-bottom"><divclass="price"><strongclass="amount">$40</strong><spanclass="period">/month</span></div><ulclass="conditions"><liclass="item"><strong>1</strong> Complete product</li><liclass="item"><strong>1</strong> year of support</li><liclass="item"><strong>1</strong> Dedicated server</li><liclass="item"><strong>10</strong> Research demo</li><liclass="item"><strong>20</strong> users</li></ul><ahref=""class="action primary"><span>Get Started</span></a></div></div><divclass="price-block popular"><divclass="info-top"><spanclass="title">Business Plan</span></div><divclass="info-bottom"><divclass="price"><strongclass="amount">$60</strong><spanclass="period">/month</span></div><ulclass="conditions"><liclass="item"><strong>1</strong> Complete product</li><liclass="item"><strong>1</strong> year of support</li><liclass="item"><strong>1</strong> Dedicated server</li><liclass="item"><strong>10</strong> Research demo</li><liclass="item"><strong>20</strong> users</li></ul><ahref=""class="action primary"><span>Get Started</span></a></div></div><divclass="price-block"><divclass="info-top"><spanclass="title">Enterprise Plan</span></div><divclass="info-bottom"><divclass="price"><strongclass="amount">$80</strong><spanclass="period">/month</span></div><ulclass="conditions"><liclass="item"><strong>1</strong> Complete product</li><liclass="item"><strong>1</strong> year of support</li><liclass="item"><strong>1</strong> Dedicated server</li><liclass="item"><strong>10</strong> Research demo</li><liclass="item"><strong>20</strong> users</li></ul><ahref=""class="action primary"><span>Get Started</span></a></div></div></div></div>
Image Gallery
The Image Gallery block allows you to easily add an image gallery. It can be an image only or an image with the link. That will lead customers to the important pages of your store. The element is made using Lightbox Pro module widget with masonry grid gallery layout.
<divclass="element news hero"><divclass="block-title"><strongrole="heading"aria-level="2">Latest news</strong></div><divclass="content"><olclass="post-list"><liclass="item"><divclass="post-image"><ahref="#"title="News post"><imgsrc="{{media url="wysiwyg/elements/argento/force/news1.jpg"}}"alt="Post Link"></a></div><divclass="post-content"><spanclass="post-tag">Trends</span><h2><ahref="#"title="New Collection">New Collection</a></h2><divclass="short-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet temporibus laborum id saepe esse repudiandae</div><ahref="#"class="read-more-link">Read more</a></div></li><liclass="item"><divclass="post-image"><ahref="#"title="News post"><imgsrc="{{media url="wysiwyg/elements/argento/force/news2.jpg"}}"alt="Post Link"></a></div><divclass="post-content"><spanclass="post-tag">Trends</span><h2><ahref="#"title="New Collection">New Collection</a></h2><divclass="short-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet temporibus laborum id saepe esse repudiandae</div><ahref="#"class="read-more-link">Read 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.