Add full width banner image below product description and above" you should also love section

Highlighted
New Member
3 0 0

Hello

I am trying to add a banner image below the product and above the "you should also love" (other related products) section http://prntscr.com/p0rria

the link is https://hilal-watches.myshopify.com 

I am using Motion theme

Do you know how can I do this, so when I edit a product, a button or a section appears on each individual product page http://prntscr.com/p0ru0v where I can set a few images individually for each product (like a hero slider but below the product) that would appear on the product page.

 

Thank you

 

 

0 Likes
Highlighted

Hello ,
 Your site is password protected, please do share frontend password.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

hello

sorry for that :)

pw is : HW2019

thanks

0 Likes
Highlighted

Hello

You can add the image section here via snippet as well but that would be required lots of coding.
I am giving you simple solution just add this code at the bottom of theme -> edit code -> assets -> theme.scss.liquid

Note : Replace the image URL if want to show any other banner image from this code

 

.template-product .product-section::after {
	content: "";
	background-image: url('http://cdn.shopify.com/s/files/1/0246/7617/1851/files/Hilal-banner.jpg');
	display: block;
	width: 100%;
	height: 289px;
	background-size: cover;
	padding: 20px 0;
	background-repeat: no-repeat;
}

 watch.jpg

Banner will be look like this.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
3 0 0

Hello

Is there a way to add multiple images here, that change like on a slider, and maybe add some text?

Thanks 

0 Likes
Highlighted
New Member
2 0 0

Hi There!

It doesnt work on my debut theme. Do you know how to make it work?

Thanks!

0 Likes