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

Highlighted
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
Trailblazer
175 26 31

Contact me, i will work on your changes.

Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted
Shopify Expert
3282 526 769

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
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
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
Highlighted
Shopify Expert
3282 526 769

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
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
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
Highlighted
Shopify Expert
3282 526 769

#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
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes