Narrative theme - Spacing between sections, slideshow clickable, add to cart straight to cart page.

cleverbottles
Tourist
18 0 1

Hi,

 

I'm using the narrative theme and i'm looking for code to make 3 changes.

 

1. I want to decrease the white space between my sections on my homepage (specifically the top two: image with text, featured product).

 

2. I want to make the slideshow on the homepage clickable so that it links to my /products page. 

 

3. Clicking Add to Cart does not automatically bring me to the cart page. Can I change this?

 

Thanks!

0 Likes
24by7themes
Navigator
341 52 58

Contact me, i will work on your changes.

Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
0 Likes
Jasoliya
Shopify Expert
4208 569 1032

Hi @cleverbottles 

Send me your store url i will sen possible solution.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
cleverbottles
Tourist
18 0 1

Hi,

 

Sorry I forgot to include it. The url is herskin.nl and so the first two apply to the home page, and the add to cart both to the product page and the featured product on the home page.

 

Thanks!

0 Likes
Jasoliya
Shopify Expert
4208 569 1032

1. I want to decrease the white space between my sections on my homepage (specifically the top two: image with text, featured product).

-add this css in Asset->theme.scss file a bottom:

.featured-product__wrapper{padding-top: 0;}

2. I want to make the slideshow on the homepage clickable so that it links to my /products page. 
-You can check your theme editor->slide show-> add link in this section.

Or you can simple do by this js

- add this code in asset->theme.js file at bottom:

$(document).on('click','#shopify-section-slideshow .slideshow__image',function(){
    location.href='/products/coco-2-sonic';
})

Change '/products/coco-2-sonic' if you want.

 

3. Clicking Add to Cart does not automatically bring me to the cart page. Can I change this?

-You have to find add to cart Js code in asset->theme.js file and add location.href='/cart' in success of ajax function.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
cleverbottles
Tourist
18 0 1

Hi, 

 

#1 worked, thanks!

#2 unfortunately did not work, I did exactly what you said.

#3 There is many strings with AddToCart, where would I place this.

0 Likes
Jasoliya
Shopify Expert
4208 569 1032

#1 worked, thanks!

-Ok

 

#2 unfortunately did not work, I did exactly what you said.

-Then you have checked option in theme editor if you have direct option in slid show section? or where you have added this Js code?

 

#3 There is many strings with AddToCart, where would I place this.

-Thats i have to check because of it Js code cant  send you exact 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Vima
New Member
9 0 0

To reduce the space between slideshow and the rich text can i use this code. Cause when i view the website from the mobile i can see a grey block of blank space between the slideshow and the rich text section. please help. 

0 Likes
Jasoliya
Shopify Expert
4208 569 1032

Send your store url 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Vima
New Member
9 0 0

www.kyrah.co This is only visible on mobile. Please help me. Thank you in advance. 

0 Likes