Please Help Me!!

New Member
4 0 0

Hi, Guys, I Got I've Wanted To Build My Store With Something Like This (Picture Below) So Can You All Help Me Out Please!!. The Theme I Am Using Is Brooklyn.Thanks

 

dadsda.PNG

 

0 Likes
Shopify Staff
Shopify Staff
244 27 51

Hey @!

 

Cal here from Shopify, thanks for reaching out to us. Do you have your own graphics that you would like to be inserted into your store? If you have your own graphics created like the ones below, we can certainly look to see if we can add them to your footer or something similar on your site. Have you touched base with our live support about this?

Cal | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution 

0 Likes
New Member
4 0 0

Nope I Don't Have @Cal 

0 Likes
Shopify Expert
2165 362 450

Hi @Vesh 

Follow this:

1. Open Section->footer.liquid and paste bellow code on top of file:

  <div class="product-reasons">
    <ul class="res_ul">
      <li>
        <img src="//cdn.shopify.com/s/files/1/0009/0266/0159/t/6/assets/topreasons_2_image_150x.png?41820">
        <span>Lorem Ipsum</span>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
      </li>
      <li>
        <img src="//cdn.shopify.com/s/files/1/0009/0266/0159/t/6/assets/topreasons_3_image_150x.png?41820">
        <span>Lorem Ipsum</span>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
      </li>
      <li>
        <img src="//cdn.shopify.com/s/files/1/0009/0266/0159/t/6/assets/topreasons_4_image_150x.png?41820">
        <span>Lorem Ipsum</span>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
      </li>
      <li>
        <img src="//cdn.shopify.com/s/files/1/0009/0266/0159/t/6/assets/topreasons_5_image_150x.png?41820">
        <span>Lorem Ipsum</span>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
      </li>

    </ul>
  </div>

 

2. Open Asset->theme.scss file and add bellow code at bottom of file:

.res_ul li span{display: block; font-size: 20px; font-weight: 600;}
.product-reasons ul{list-style: outside none none; margin: 0 auto; padding: 0; display: flex; max-width: 1050px;}
.product-reasons{text-align:center;}
.product-reasons ul>li{display: inline-block; margin-bottom: 10px; text-align: center; vertical-align: top;}
@media only screen and (max-width:480px){.product-reasons ul>li{width:45%;}.product-reasons ul{display:block;}}

Note: Change image and text as you want.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
4 0 0

Well It Worked But Could You Help Me On Bringing Up @Jasoliya 

I Mean By Bringing Up The Image Thingy

 

0 Likes
Shopify Expert
2165 362 450

send me your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
4 0 0

bestbargaincorner.myshopify.com @Jasoliya 

0 Likes
Shopify Expert
2165 362 450

Add this css in ASeet->theme.scss file:

.product-reasons {   margin-bottom: 50px; }

Note: it will make space at bottom, you can adjust as you want 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes