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!

Replies 20 (20)
24by7themes
Navigator
389 61 74

Contact me, i will work on your changes.

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
Jasoliya
Shopify Expert
4381 574 1105

Hi @cleverbottles 

Send me your store url i will sen possible solution.

 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
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!

Jasoliya
Shopify Expert
4381 574 1105

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.
Want to convert visitor to buyers ? try This app.
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
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.

Jasoliya
Shopify Expert
4381 574 1105

#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.
Want to convert visitor to buyers ? try This app.
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
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. 

Jasoliya
Shopify Expert
4381 574 1105

Send your store url 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Vima
New Member
9 0 0

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