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

imok_attila
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

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
imok_attila
New Member
3 0 0

hello

sorry for that :)

pw is : HW2019

thanks

0 Likes

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.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
imok_attila
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
Letifly
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