Add full product page to home page

Highlighted
Tourist
5 0 1

Hi guys,

 

I'm using the Brooklyn theme and wanting to add pretty much the full product page to the featured item on my home page. Here's the website link - cookies.bistromorgan.com.au I would like the item to have the description and all the images as it does on the product page on the home page. How can I achieve this?

 

Thanks

0 Likes
Shopify Partner
1161 31 204

@mhipworth  Do try these changes on a duplicate theme first. I'm using Brooklyn v16.0.5

 

Replace the code inside sections/featured-product.liquid with this https://gist.github.com/lixonic/7e342af5e0aaf7d77abd6b0eda074fca

 

It should display the description and thumbnail images. See https://imgur.com/a/NBbwRdO

 

And for displaying  products options (Cookie Flavours) , you should contact app support 

 

screencast-nichegeek.myshopify.com-2020.05.11-18_51_12.gif

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
- Available for hiring. lixon@ecommercestudio.in
0 Likes
Highlighted
Tourist
5 0 1

thanks so much for this it almost worked. However the only full image that shows up from the thumbnails is the first one. See below link:

 

cookies.bistromorgan.com.au

 

how can I fix this?

0 Likes
Highlighted
Shopify Partner
1161 31 204

@mhipworth can you confirm it is v16.0.5 ? check config/settings_schema.json 

 

screenshot-nichegeek.myshopify.com-2020.05.12-10_28_26.png

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
- Available for hiring. lixon@ecommercestudio.in
0 Likes
Highlighted
Tourist
5 0 1

Yep 16.0.5

0 Likes
Highlighted
Shopify Partner
1161 31 204

@mhipworth you need to assign images to each variant. Otherwise it won't work. See screenshot

 

screenshot-nichegeek.myshopify.com-2020.05.12-12_02_58.png

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
- Available for hiring. lixon@ecommercestudio.in
0 Likes
Highlighted
Tourist
5 0 1

I understand that but at the moment if you click on the thumbnail to see the other pictures it just goes blank??

0 Likes
Highlighted
Shopify Partner
1161 31 204

@mhipworth  Okay. Try this new code and let me know https://gist.github.com/lixonic/7e342af5e0aaf7d77abd6b0eda074fca 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
- Available for hiring. lixon@ecommercestudio.in
0 Likes
Highlighted
Tourist
5 0 1
Legend it worked! Thanks so much
1 Like
Highlighted
Shopify Partner
1161 31 204

@mhipworth Do like and Mark it as solved, if you please. 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
- Available for hiring. lixon@ecommercestudio.in
0 Likes