Add piece of HTML code at the end of all product pages || Brooklyn Theme

Technical Q&A
1

Hi there,

I would like to paste following HTML code at the end of all product pages just at the end, after ‘You may also like’. Please see pic attached for further details. Theme used is Brooklyn.

Thank you in advance.

Site: baseraising.com

Code:

## Why Choose Us?

    

        

            - ![glob_icon.png?1944|60x60](upload://2ujJDPyvhhIoeDZqK6tBdwA8INO.png)
  WORDWIDE SHIPPING

            - ![6logo56-copy.png?1944|60x60](upload://6VZObs1tfhQxu9ualjUP3F7YgF3.png)
  SECURE PAYMENTS

            - ![guar_icon.png?3664150426957216404|60x60](upload://9aN3iEmQsYaLplXauv8dMsU6wLb.png)
  30 DAY GUARANTEE

            -  CUSTOMER SUPPORT

            - ![icon-succ.png?1944|60x60](upload://av93jAhmv7g6vd8CMFVeobuHVlq.png)
  REAL LICENSED PRODUCTS

            - ![InstagramHeart.svg?1944|180x180](upload://wyHVi1WhdCnkjADOp946qnVUuVo.svg)
  WE LOVE OUR CUSTOMERS
        

    

OJO: HAY QUE PEGAR EL SIGUIENTE CODIGO AL FINAL DE TIMBER.SCSS.LIQUID PARA QUE SEA RESPONSIVE EN MOBILE.

@media (max-width: 767px){
    .custom__item-inner .rte{
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
}

.custom__item-inner .rte .pre-footer{
        max-width: 100% !important;
    width: 100% !important;
}
.custom__item-inner .rte .pre-footer ul{
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: -40px !important;

}

.custom__item-inner .rte .pre-footer ul li{
   float: unset !important;
   max-width: 100% !important;
   margin: 0 auto !important;
   display: block !important;
   border-right: unset !important;
   border-bottom: 1px solid rgb(204, 204, 204) !important;
}
}

Pic:

down to.png
down to.png1920×823 172 KB

2

Open the ‘product.liquid’ template and paste your code at the end of the file.