Made by Pagayo
Visit Demo
Buy Theme
You can use this theme for one domain name.


  • Quality created by Pagayo
  • Future updates
  • Theme hosting offer
  • 6 months support from Pagayo
  • One year update
In short
E-Commerce is our passion. Magento our specialty.
Short description

Responsive Electronics is a Theme for Magento with a clean and technical design. This Template for Magento is perfect for Electronic products but also any other kind of store.


You can test this wonderful theme here.

Theme pi001

Version info

You can use this theme in;
Magento 2.3
Magento 2.2.0 - 2.2.6
Magento 2.1
Magento 2.0


Responsive Electronics is a Theme for Magento with a clean and technical design. This Template for Magento is perfect for Electronic products but also any other kind of store. You will definitely impress your customers due to our big focus on usability and clear structures. The theme is highly customizable. All blocks in Header, Footer and Homepage can be managed in the Magento backend CMS. Pagayo has been active ON MAGENTO.COM from 2007. We have 18.000+ downloads and 50+ reviews. You can read about us ON MAGENTO.COM by clicking here.




  1. Login to your Magento 2 backend
  2. Disable cache System > Cache Management
  3. Create a backup if you are not 100% sure of what you are doing


  1. Download the theme from your account at To your download page.
  2. Unzip the .zip file you downloaded
  3. Upload the files that are in the .zip to your server and add them to the Magento root folder
  4. In your Magento backend go to Content > Themes
  5. If you see the Pagayo theme, you have done the upload correct. (In the image you see more themes than you will see.)

  1. Go to Content > Configuration
  2. Select the Pagayo Theme
  3. Click Safe Config

  1. Go to Content > Pages
  2. Select the page with URL Key home (skip 3 and 4). If it is not there, click Add New Page
  3. Add your page title
  4. The URL Key has to be home
  5. Select your store view (almost always All Store Views)
  6. Click Content
  7. Click Show / Hide Editor
  8. Add content <div class="homepage"> <div id="myCarousel" class="carousel slide slider" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"><img style="width: 100%;" src="{{media url="wysiwyg/pt001-home-slider1.jpg"}}" alt="Los Angeles" /></div> <div class="item"><img style="width: 100%;" src="{{media url="wysiwyg/pt001-home-slider2.jpg"}}" alt="Chicago" /></div> <div class="item"><img style="width: 100%;" src="{{media url="wysiwyg/pt001-home-slider3.jpg"}}" alt="New york" /></div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a></div> <div class="home-right"><a href="#"><img src="{{media url="wysiwyg/pt001-home-topbox.jpg"}}" /></a></div> <div class="home-box1"><a href="#"><img src="{{media url="wysiwyg/pt001-home-box1.jpg"}}" /></a></div> <div class="home-box2"><a href="#"><img src="{{media url="wysiwyg/pt001-home-box2.jpg"}}" /></a></div> <div class="home-box3"><a href="#"><img src="{{media url="wysiwyg/pt001-home-box3.jpg"}}" /></a></div> <div class="clearer"></div> //insert widget// </div>
  9. Click Save and Continue Edit
  10. Click Show / Hide Editor again
  11. Remove //insert widget// from the content
  12. Click Insert Widget...
  13. Select Catalog New Products List from the Widget Type
  14. Add 5 in the Number of Products to Display area
  15. Click Insert Widget
  16. Click Save Page