Our brands

Static Blocks Diagram

This is all CMS static blocks we are using on the theme Ves Flipcart.

To Open Cms Static Blocks, Go To Admin Panel > Content > Blocks

1. “Flipcart Default Slider 1″, “Flipcart Default Slider 2″, are using widget “Content carousel” on homepage “Vesflipcart Home Page Default”

<p><a href="{{store url="men.html"}}"><img src="{{media url="wysiwyg/ves_flipcart/slide-1.jpg"}}" alt="" /></a></p>
<div class="slider-content a-center">
<h5>Nutrition</h5>
<h1>Plum Organics <br />$0.35 <span>/ounce</span></h1>
<a class="btn" href="{{store url="women.html"}}">Shop Now<i class="fa fa-chevron-right"></i></a></div>

2. “Flipcart Home2 Slider 1″, “Flipcart Home2 Slider 2″, are using widget “Content carousel” on homepage “Vesflipcart Home Page 2”

3. “Flipcart Home3 Slider 1″, “Flipcart Home3 Slider 2″, “Flipcart Home3 Slider 3″, are using widget “Content carousel” on homepage “Vesflipcart Home Page 3”

4. “Sidebar Html Blocks ” show on Sidebar Left in Category page: http://demo4coder/flipcart/fashion.html

<div class="block block-html">
<div class="block-title"><span>Html blocks</span></div>
<div class="block-content">
<p>Marketers/advertisers usually focus their efforts on the people responsible for making the purchase. In many cases, this is an effective approach but in other cases it can make for a totally useless marketing campaign.</p>
</div>
</div>

4. “Button Download App” show button Download on Header

<div><a class="btn btn-default a" title="Download App" href="#">Download App</a></div>

5. “Help Link” show Help link on Header


<div><a class="link-help" title="" href="#"><i class="fa fa-question-circle"></i>Help</a></div>

6. “Quick Link” show Quick Link on Flipcart Home Page 3

<ul>
<li><a href="#">Mobiles</a></li>
<li><a href="#">TV</a></li>
<li><a href="#">Washing Machine</a></li>
<li><a href="#">Cameras</a></li>
<li><a href="#">Gold Coins</a></li>
<li><a href="#">Fans</a></li>
<li><a href="#">Furniture</a></li>
<li><a href="#">Refrigerators</a></li>
<li><a href="#">Laptops</a></li>
<li><a href="#">Bedsheets</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Food</a></li>
<li><a href="#">Lighting</a></li>
</ul>

7. “Categories Product” show Categories list in Categories page

<div>{{widget type="Ves\PageBuilder\Block\Widget\Builder" block_id="9"}}<div>

We used the widget, namely “Categories List” on blocks builder profile. To change categories, please Go to back-end > Ves Pagebuilder > Manager block profile > Choose to edit Categories Product > Edit “Categories List” widget.

Edit Categories List:

8. “Flipcart Custom Links 1”, “Flipcart Custom Links 2”, “Flipcart Custom Links 3” show Custom Links in Flipcart Home Page Default

<div class="ves-widget block block-title">
<div class="block-title">Electronics</div>
<div class="widget-inner block-content">
<div class="pretext-html">10% instant discount</div>
<div class="links-more"><a href="#"><i class="fa fa-long-arrow-right"></i>See more</a></div>
</div>
</div>
<div class="box-content">
<ul>
<li><a href="#">Televisions</a></li>
<li><a href="#">Full HD TVs</a></li>
<li><a href="#">Smart TVs</a></li>
<li><a href="#">Micromax TVs</a></li>
<li><a href="#">Audio &amp; Video</a></li>
<li><a href="#">Home Audio Systems</a></li>
</ul>
<ul>
<li><a href="#">DTH Services</a></li>
<li><a href="#">Headsets with mic</a></li>
<li><a href="#">Mp3 &amp; Media Players</a></li>
<li><a href="#">Video Players</a></li>
<li><a href="#">Computer Speakers</a></li>
<li><a href="#">DJ, Karaoke &amp; Mics</a></li>
</ul>
<div class="images"><img src="{{media url="wysiwyg/ves_flipcart/categories-img-1.jpg"}}" alt="" /></div>
</div>

9. “Flipcart Custom Links 4”, “Flipcart Custom Links 5”, “Flipcart Custom Links 6” show Custom Links in Flipcart Home Page 2

<div class="ves-widget block block-title">
<div class="block-title">Fresh Food</div>
<div class="widget-inner block-content">
<div class="pretext-html">10% instant discount</div>
<div class="links-more"><a href="#"><i class="fa fa-long-arrow-right"></i>See more</a></div>
</div>
</div>
<div class="box-content">
<ul>
<li><a href="#">Fresh Fruit</a></li>
<li><a href="#">Fresh Vegetables</a></li>
<li><a href="#">Fresh Salad Vegetables</a></li>
<li><a href="#">Side Salads</a></li>
<li><a href="#">Milk, Butter &amp; Eggs</a></li>
<li><a href="#">Cheese</a></li>
</ul>
<ul>
<li><a href="#">Dairy Alternatives</a></li>
<li><a href="#">Fresh Meat</a></li>
<li><a href="#">Fresh Chicken &amp; Poultry</a></li>
<li><a href="#">Chilled Fish &amp; Seafood</a></li>
<li><a href="#">Counters</a></li>
<li><a href="#">Chilled Fruit Juice</a></li>
</ul>
<div class="images"><img src="{{media url="wysiwyg/ves_flipcart/categories-img-4.jpg"}}" alt="" /></div>
</div>

10. “Blog Latest” show Blog latest on sidebar right in Blog page

<div class="latest-blog-wrap">{{widget type="Ves\PageBuilder\Block\Widget\Builder" block_id="10"}}</div>

We used the widget, namely “Ves Blog: Latest Post” on blocks builder profile. To edit Blog Latest, please Go to back-end > Ves Pagebuilder > Manager block profile > Choose to edit Blog Latest New > Edit “Ves Blog: Latest Post” widget.

Edit Blog latest carousel layout:

11. “Blog sidebar additional” show Photo Stream and HTML Block on sidebar right in Blog page

<div class="blog-sidebar-additional">{{widget type="Ves\PageBuilder\Block\Widget\Builder" block_id="11"}}</div>

To edit Blog sidebar additional, please Go to back-end > Ves Pagebuilder > Manager block profile > Choose to edit Blog sidebar additional > Edit  widget.

– Edit Photo stream, choose edit “Ves Base: Gallery Images“:

– Edit HTML blocks content, choose edit “Ves Base: Simple Content Html Block“:

12. “Menu Vertical” show Menu Vertical on Header

<div>{{widget type="Ves\Megamenu\Block\Widget\Menu" title="Departments" alias="menu_vertical"}}</div>

We used the Megamenu, namely “Menu Departments” on Ves Megamenu. To edit menu, please Go to back-end > Ves Megamenu > Menu Management > Choose to edit Menu Departments

Edit Menu:

13. “Banner Sidebar Right” show Banner on sidebar right in Product Detail page

<div class="ves-widget widget-images block">
<div class="image-item"><a class="ves-btnlink img-animation" title="Image" href="#"> <img class="img-responsive  left-block " src="{{media url="wysiwyg/ves_flipcart/banner-3.jpg"}}" alt="Image" /> </a></div>
</div>

Share this Post!

0 Comment

Do NOT follow this link or you will be banned from the site!