Solved

space between products and non clickable banner

aeshvi
Tourist
10 0 1

i have unnecessary space between products how can i remove it, and how can i make my banner clickable with individual link i have tried in the theme setting but it did not work, my site is www.aeshvi.com it is based on sense theme

please help

Screenshot 2023-10-24 at 06-38-24 Aeshvi Buy Affordable 925 Sterling Handicraft Silver Jewellery.png

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
7027 1330 1354

This is an accepted solution.

Hi @aeshvi 

You can add those code at the bottom of your base.css file in Online store > Themes > Edit code and add link for each button link of each slide to make your image banner clickable 

.slideshow__text-wrapper { 
padding: 0 !important; 
max-width: 100% !important; 
}
.slideshow__text { 
height: 100% !important; 
width: 100% !important; 
opacity: 0; 
max-width: 100% !important; 
}
.banner__buttons .button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; 
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Dan-From-Ryviu
Shopify Partner
7027 1330 1354

This is an accepted solution.

Please add this code to solve that issue

.slideshow__slide { overflow: hidden; }

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 13 (13)

Dan-From-Ryviu
Shopify Partner
7027 1330 1354

This is an accepted solution.

Hi @aeshvi 

You can add those code at the bottom of your base.css file in Online store > Themes > Edit code and add link for each button link of each slide to make your image banner clickable 

.slideshow__text-wrapper { 
padding: 0 !important; 
max-width: 100% !important; 
}
.slideshow__text { 
height: 100% !important; 
width: 100% !important; 
opacity: 0; 
max-width: 100% !important; 
}
.banner__buttons .button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; 
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

aeshvi
Tourist
10 0 1
Hello thank you for replying
I have both different issues
I want to make slideshow images clickable only
Dont want to change space in them
I want to change space as attached in the screenshot
Dan-From-Ryviu
Shopify Partner
7027 1330 1354

Hi @aeshvi 

The code above to make images clickable only, make sure you add code and add link to button link of slideshow

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

aeshvi
Tourist
10 0 1

hi thank you soo much for taking your time and replying to me it really worked,

thank you again for being helpful

i am asking to much but if its possible can you solve the other thing too

Dan-From-Ryviu
Shopify Partner
7027 1330 1354

Could you explain your other request so I can check and help you?

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

aeshvi
Tourist
10 0 1

yes i  have att ached two images u can see the difference, basically i want to remove unwanted space from the products so that can look more elegant

Screenshot 2023-10-24 at 13-15-43 Products.png

Screenshot 2023-10-24 at 13-15-55 All Products.png

Dan-From-Ryviu
Shopify Partner
7027 1330 1354

Please add this code at the bottom of your base.css file 

.collection .card__inner { width: 100% !important; }
. collection .grid {
    column-gap: 20px !important;
    row-gap: 20px !important;
}

Screenshot 2023-10-24 at 14.54.30.png

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

aeshvi
Tourist
10 0 1

ok thank you i'll try it

Dan-From-Ryviu
Shopify Partner
7027 1330 1354

You are very welcome, @aeshvi 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

aeshvi
Tourist
10 0 1

hi sorry to disturb u again, but can check my site on desktop there is an issue when i vertically scroll in the slideshow it does not scroll but the slideshow image gets a little up

thank you in advance

 

Dan-From-Ryviu
Shopify Partner
7027 1330 1354

This is an accepted solution.

Please add this code to solve that issue

.slideshow__slide { overflow: hidden; }

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

aeshvi
Tourist
10 0 1

literally man you are a magician, i have searched the entire internet before but no one could help me with,

you are the best

Dan-From-Ryviu
Shopify Partner
7027 1330 1354

Happy I could help.

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now