AMP Module Installation for PrestaShop 1.6

Download and install

1. Download the plugin archive from the Shop Pinta store and save it on your computer.

2. In the admin panel of your website, select Modules and Services > Modules and Services (1).

3. Сlick the Add a new module button (2).

4. In the opened window, click on Choose a file (3).

5. Next, select the plugin archive 4) and click the Open button (5).

6. And click the Upload this module (6).

7. To configure the plugin, go to the Modules and Services menu, find the plugin, and click the Configure button (7).

Plugin page

The GENERAL SETTINGS block consists of:

1. The Enable Module button (1) - to enable / disable the plugin (position YES / NO).

2. The Enable Home Page button (2) - to enable / disable the displaying of amp-version of the Home Page (position YES / NO).

3. The CLICK HERE TO CHECK HOME AMP PAGE button (3) - to preview the generated amp-pages of your website.

4. The Enable Category Page button (4) - to enable / disable the displaying of amp-version of category pages (position YES / NO).

5. The Enable Product Page button (5) - to enable / disable the displaying of amp-version of product pages (position YES / NO).

6. The Enable Cart Page button (6) - to enable / disable the displaying of amp-version of the cart page (position YES / NO).

7. The Enable Checkout Page button (7) - to enable / disable the displaying of amp-version of the checkout page (position YES / NO).

8. The Enable Inform Pages button (8) - to enable / disable the displaying of amp-version of information pages (position YES / NO).

9. The Enable Cookie Consistent button (9) - to enable / disable the displaying of the amp-version of the "Cookie Consent" panel (position YES / NO).

10. The Cookie Consistent Text field (10) - to enter the text of the "Cookie Consent" panel.

11. The Save button (11) - to save the selected settings.

The SIDE MENU block consists of:

1. The Display Logo button (1) - to enable / disable the logo displaying on the website menu (position YES / NO).

2. The Display Contact Details button (2) - to enable / disable the displaying of contact details on the website menu (position YES / NO).

3. The  Display Search Bar button (3) - to enable / disable the displaying of the search bar (position YES / NO).

4. The Display Facebook button (4) - to enable / disable the displaying of the redirect button on Facebook (position YES / NO).

5. The Facebook page URL field (5) - to enter the Facebook page URL.

6. The Display Twitter button (6) - to enable / disable the displaying of the redirect button on Twitter (position YES / NO).

7. The Twitter URL field (7) - to enter the Twitter page URL.

8. The Display Instagram button (8) - to enable / disable the displaying of the redirect button on Instagram (position YES / NO).

9. The Instagram URL field (9) - to enter the Instagram page URL.

10. The Display Pinterest button (10) - to enable / disable the displaying of the redirect button on Pinterest (position YES / NO).

11. The Pinterest URL field - to enter the Pinterest page URL.

12. The Display Tumblr button (11) - to enable / disable the displaying of the redirect button on the Tumblr (position YES / NO).

13. The Tumblr URL field - to enter the Tumblr page URL.

14. The Display Linkedin button (12) - to enable / disable the displaying of the redirect button on the LinkedIn (position YES / NO).

15. The Linkedin URL field - to enter the LinkedIn page URL.

16. The Save button - to save the selected settings.

The HOME PAGE block consists of:

1. The Display Slider button (1) - to enable / disable the slider displaying on the home page (position YES / NO).

2. The Slider Autoplay button (2) - to enable / disable the slider autoplay function (position YES / NO).

3. The Slider Delay field (3) - to enter the slider delay time (in milliseconds).

4. The Display New Arrivals button (4) - to enable / disable the displaying of the new arrivals block on the home page (position YES / NO).

5. The Position field (5) - to select the location of the new arrivals block (position 1 / 2).

6. The Display featured products button (6) - to enable / disable the displaying of the featured products block on the home page (position YES / NO).

7. The Position field (7) - to select the location of the featured products block (position 1 / 2).

8. The Display Custom Text button (8) - to enable / disable the displaying of the description block on the home page (position YES / NO).

9. The Position field (9) - to select the location of the description block (position Top / Bottom).

10. The Language button (10) - to select the text language displayed on the home page, depending on the language used on your website.

11. The Text field (11) - to enter the text displayed on the home page.

12. The Save button (12) - to save the selected settings.

The VIDEO SETTINGS block consists of:

1. The Display YouTube Video button (1) - to enable / disable the displaying of the YouTube Video block on the home page (position YES / NO).

2. The YouTube Video ID field (2) - to add the YouTube Video ID.

3. The Autoplay button (3) - to enable / disable YouTube Video autoplay function (position YES / NO).

4. The Header Text button (4) - to enable / disable the header displaying of the YouTube Video block (position YES / NO).

5. The Text field (5) - to enter the header text of the Youtube video block.

6. The Position field (6) - to select the location of the YouTube Video block (position Top / Bottom).

7. The Display Dailymotion Video button (7) - to enable / disable the displaying of the Dailymotion Video block on the home page (position YES / NO).

8. The Dailymotion Video ID field - to add the Dailymotion Video ID.

9. The Header Text button - to enable / disable the header displaying of the Dailymotion Video block (position YES / NO).

10. The Text field - to enter the header text of the Dailymotion Video block.

11. The Position field - to select the location of the Dailymotion Video block (position Top / Bottom).

12. The Display Vimeo Video button (8) - to enable / disable the displaying of the Vimeo Video block on the home page (position YES / NO).

13. The Vimeo Video ID field - to add the Vimeo Video ID.

14. The Header Text button - to enable / disable the header displaying of the Vimeo Video block (position YES / NO).

15. The Text field - to enter the header text of the Vimeo Video block.

16. The Position field - to select the location of the Vimeo Video block (position Top / Bottom).

17. The Save button (9) - to save the selected settings.

The SOCIAL NETWORKS block consists of:

1. The Display Social Networks on the Product Page button (1) - to enable / disable the displaying of social networks on the product page (position YES / NO).

2. The Facebook button - to enable / disable the displaying of Facebook (position YES / NO).

3. The Facebook App Id field - to enter the Facebook ID.

4. The LinkedIn button - to enable / disable the displaying of LinkedIn (position YES / NO).

5. The Pinterest button - to enable / disable the displaying of Pinterest (position YES / NO).

6. The Tumblr button - to enable / disable the displaying of Tumblr (position YES / NO).

7. The Twitter button - to enable / disable  the displaying of Twitter (position YES / NO).

8. The Save button (2) - to save the selected settings.

The CHECKOUT PAGE block consists of:

1. The Enable Payment Methods button (1) - to enable / disable the displaying of payment methods on the checkout page (position YES / NO).

2. The Enable Check Payment button (2) - to enable / disable the displaying of the payment method on the checkout page with the “Bank transfer from PrestaShop” module (position YES / NO).

3. The Enable Bankwire Payment button (3) - to enable / disable the displaying of the payment method on the checkout page with the “Payments by check from PrestaShop” module (position YES / NO).

4. The Save button (4) - to save the selected settings.

The LINKS block consists of:

1. The Enable Links button (1) - to enable / disable the changing links for the website main pages (position YES / NO).

2. The Home Page field (2) - to change the appearance of the home page link.

3. The Category Page field (3) - to change the appearance of the category page link.

4. The Product Page field (4) - to change the appearance of the product page link.

5. The Inform Page field (5) - to change the appearance of the link for information pages.

6. The Cart Page field (6) - to change the appearance of the cart page link.

7. The Checkout Page field (7) - to change the appearance of the checkout page link.

8. The Save button (8) - to save the selected settings.

The FACEBOOK PIXEL block consists of:

1. The Display Facebook Pixel button (1) - to enable / disable the use of Facebook Pixel (position YES / NO).

2. The Facebook Pixel Id field - to add the Facebook Pixel ID.

3. The Save button (2) - to save the selected settings.

The GOOGLE ANALYTICS block consists of:

1. The Display Google Analytics button (1) - to enable / disable the use of Google Analytics (position YES / NO).

2. The Analytics Client ID field - to add the Google Analytics ID.

3. The Save button (2) - to save the selected settings.

The GOOGLE ADSENSE block consists of:

1. The Display Google AdSense button (1) - to enable / disable the displaying of the Google AdSense block (position YES / NO).

2. The AdSense Client ID field - to add the Google AdSense ID.

3. The Display Google Adsense on home page button - to enable / disable the displaying on the main page (position YES / NO). Select the YES position and choose the block location.

4. The Display Google Adsense on category page button - to enable / disable the displaying on the category page (position YES / NO). Select the YES position and choose the block location.

5. The Display Google Adsense on product page button - to enable / disable the displaying on the product page (position YES / NO). Select the YES position and choose the block location.

6. The Display Google Adsense on CMS page button - to enable / disable the displaying on the CMS page (position YES / NO). Select the YES position and choose the block location.

7. The Save button (2) - to save the selected settings.

The LOGO block consists of:

1. The Your Logo field (1) - to view the logo image.

2. The Upload Image field᠎ (2) - to upload a logo image from your computer.

3. The Save button (3) - to save the selected settings.

The COLOR SETTINGS block allows you to change the color of various page elements. To do this, use the following buttons:

1. Website Bg (1) - for the background of the website.

2. Website Text Color (2) - for the text color of the website.

3. Header Bg (3) - for the background of the block at the top of the page.

4. Side Menu Bg (4) - for the background of the side menu.

5. Side Menu Categories Text Color (5) - for the text color of the side menu categories.

6. Side Menu Subcategories Text Color (6) - for the text color of the side menu subcategories.

7. Footer Bg (7) - for the background of the block at the bottom of the page.  

8. Footer Text Color (8) -  for the text color of the block at the bottom of the page.

9. Add to cart button text color (9) - for the text color of the Add to cart button.

10. Add to cart button bg color (10) - for the background of the Add to cart button.

11. BG Cookie (11) - for the background of the "Cookie" notification.

12. Cookie Consistent button (12) - for the background of the "Cookie Consistent" button.

13. Cookie Consistent icon (13) -  for the color of the "Cookie Consistent" icon.

14. Cookie Consistent text (14) - for the text color of the "Cookie Consistent" button.

Next, click the Save button (15).

An example of displaying the amp-version of the website pages:

Use an AMP validator to check your website pages for AMP requirements. With it, you can automatically check the amp-version of all pages that you visit.

VIDEO INSTRUCTION