How to create Image with text in product page on Brooklyn

babysnatch
Tourist
22 0 1

Hello. How can I add an image with text to product pages? That is, to do it as an additional option because it looks quite empty under the photos. Thanks in advance! 

Annotation 2020-08-16 015930.png

Replies 8 (8)

Wahab_Ahmad
Shopify Partner
773 114 201

Hello @babysnatch, Please explain your question. It is not clear. 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Chat on WhatsApp .
Feel free to contact me Email : wahabahmadghori@gmail.com |
Buy Me A Coffee
babysnatch
Tourist
22 0 1

Hello @Wahab_Ahmad .

I want to embed an image with text in the products. As in home page. 

Michael_Pink
Shopify Partner
446 77 107

@babysnatch 
here is solution for you.
https://www.loom.com/share/d46bb85089d342448f23e6a8dd4a60af

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
Michael_Pink
Shopify Partner
446 77 107

The first you need follow this path:
Themes => edit code => sections:
Click on Add a new template, example "new_section_name"
next step you need to open the file featured-row.liquid in the sections folder(this is the section Image with Text file), copy all code and paste into your new section.
Next step you need open the file product.liquid in folder Templates and add this code
{%section 'new_section_name'%}
like this image:

200000dollar ~ Edit ~ Brooklyn ~ Shopify 2020-08-16 19-35-37.png

and the last: Open the product page in customize and add your content.

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
babysnatch
Tourist
22 0 1

@Michael_Pink Thanks. You are super. Work perfectly. Thanks again. 

Michael_Pink
Shopify Partner
446 77 107

@babysnatch 
If my solution help you, you can mark solution for my answer. I think it also help for another people.
Thank you.

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
sumanbhat
Explorer
60 1 20

hi . as per your instruction, i follow it.it works. but when it comes to multiple products how can we make it work.it shows the same description on all of the .image and the description is the same for a different products.

diego_ezfy
Shopify Partner
2958 568 890


@babysnatch 

It would require 
Liquid knowledge to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

If it is of your wish, I present myself available to help you. You'd have this exact "text/image" section available in every page. We could also include a button to show/hide it.

I work full time as a developer and have worked with dozens of people in this very forum. Precisely 26 of them were kind enough to write recommendations about my work.
You can read their reviews (written from their original Facebook accounts for legitimacy purposes) clicking here.


Thank you!

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.