Solved

Logo overlay images - Theme section with multiple images

Beytibyarabesqu
Explorer
47 0 19

Hello,

I'm using the Debut theme & would like to add at the bottom of my home page a section with multiple images similar to the one at the bottom of this website home page: https://sikasok.com/ . As you can notice, under "Follow us on Instagram" they have multiple images each linked to their Instagram post (screenshots below). 
  1. What kind of "theme section"  should I use in order to get the same design as them? It looks like a "Text Column with Images", however this type of theme section doesn't have the option of image overlay 
  2. What can I do in order to have the Instagram logo as the caption overlay instead of a text? 

Thanks

Beytibyarabesqu_0-1635369315426.png
Instagram Logo.PNG
Accepted Solutions (4)

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Beytibyarabesqu ,

Please follow the steps:
- Step 1: Go to link https://instafeed.nfcube.com/assets/img/instagram-icon.svg and download file.
Then upload it in Assets: https://i.imgur.com/SVK32VY.png 
- Step 2: Go to sections/feature-columns.liquid file and change all code. https://pastebin.com/djeh910Y 
- Step 3: You can upload images in Customize: https://i.imgur.com/Jzs2nlu.png 
Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Beytibyarabesqu ,

I sent the attachment, please check it.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Beytibyarabesqu,

Please change: https://i.imgur.com/IH3i5M2.png 

medium-up => small

Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Beytibyarabesqu,

Please change code: https://i.imgur.com/tTdzqkd.png 

small--one-third

=>

small--one-third medium-up--one-third

Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 10 (10)

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Beytibyarabesqu ,

Please follow the steps:
- Step 1: Go to link https://instafeed.nfcube.com/assets/img/instagram-icon.svg and download file.
Then upload it in Assets: https://i.imgur.com/SVK32VY.png 
- Step 2: Go to sections/feature-columns.liquid file and change all code. https://pastebin.com/djeh910Y 
- Step 3: You can upload images in Customize: https://i.imgur.com/Jzs2nlu.png 
Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Beytibyarabesqu
Explorer
47 0 19

Hello,

Thanks for your answer. This link is not opening: https://instafeed.nfcube.com/assets/img/instagram-icon.svg

M

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Beytibyarabesqu ,

I sent the attachment, please check it.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Beytibyarabesqu
Explorer
47 0 19

You're the best! It worked thanks so much!

LitExtension
Shopify Partner
4860 1001 1132

Hi @Beytibyarabesqu ,

You're welcome. If you have any difficulty, you can contact me 🙂

Happy to help you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Beytibyarabesqu
Explorer
47 0 19

Hello!

I have another question, I hope you can help me with that.

I did what you recommended yesterday and it worked perfectly well and looks very nice on the desktop exactly like the other website I sent for reference, but I feel that on the mobile version my images look very big. As you can notice in the images attached, my page has much bigger images than the other one, while on the desktop they look the same.

Is there something I can do to fix the mobile version only? 

Thanks in advance!

WhatsApp Image 2021-10-29 at 11.16.43 AM (1).jpegWhatsApp Image 2021-10-29 at 11.16.43 AM.jpeg

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Beytibyarabesqu,

Please change: https://i.imgur.com/IH3i5M2.png 

medium-up => small

Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Beytibyarabesqu
Explorer
47 0 19

You're the best! Thanks

Beytibyarabesqu
Explorer
47 0 19

Hello!

I followed the instructions you sent, and the images look good on the mobile version, but on the desktop they are  now on top of each other - see screenshot below, instead of next to each other.

Is there a way, to fix that? so that they look the same on both the mobile and desktop version (next to each other)

Thanks

Capture.PNG

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Beytibyarabesqu,

Please change code: https://i.imgur.com/tTdzqkd.png 

small--one-third

=>

small--one-third medium-up--one-third

Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify