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

29.95
19.95

  • 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.

Demo

You can test this wonderful theme here.

Theme pi001

Version info

Magento 2.3.0 - 2.3.3
Magento 2.2.0 - 2.2.10
Magento 2.1
Magento 2.0

Description

Electronics Theme for Magento 2



General description

Responsive Electronics is a Theme for Magento2 with a clean and technical design. This Template for Magento2 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 Magento2 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.

See general demo


Category page

The PI001 category page is a clean and well designed page. In both desktop and mobile view you can see that we have checked every detail. Text swatches or image swatches, the layered navigation and the shadow behind the images to name a few.

See category demo


Product page page

The product page has been designed to get the maximum sales for you. All important items are well placed and visitors do not need to search long for anything.

See product demo


Shipping Info Popup on product page

On the product page you see a blue button (you can change the color) that shows a popup for shipping information. But you can very simple use that for any other information, like sizes or store info or what ever you like.

See popup demo


Cart page

We have cleaned up the default Magento 2 cart for you. It is much better looking now and it has a easier overview for your customers. You can very simple add your own banners and/or USP's.

To test the cart page you need to add a product to the cart. Click on "See cart demo" below and on the demo page click "ADD TO CART".

See cart demo


Checkout page 1

The default checkout pf Magento2 is not very well designed. So we have upgraded it in theme pi001 just for you. The account sign in has been placed much nicer and the address fields have a better overview.

To test the checkout page you need to add a product to the cart. Click on "See checkout demo" below and on the demo page click "ADD TO CART" after that you click on "Continue to checkout".

See checkout demo


Checkout page sign in popup

The sign in form has been placed on more logical place than Magento2 has in default. This makes it a lot easier for your customers to find.

To test the checkout page you need to add a product to the cart. Click on "See checkout demo" below and on the demo page click "ADD TO CART" after that you click on "Continue to checkout".

See checkout demo


Checkout page payment method

The payment and order summary page has been kept very simple. We removed all un needed images and info. We placed a "step back" link to navigate back to the shipping info.

To test the checkout page you need to add a product to the cart. Click on "See checkout demo" below and on the demo page click "ADD TO CART" after that you click on "Continue to checkout".

See checkout demo

 

 

PREPARE MAGENTO 2
  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

 

INSTALLATION
  1. Download the theme from your account at pagayo.com. 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

HOME
  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