Shopify themes, liquid, logos, and UX
Hi,
I did success to edit the script for the 'add to cart 'button and the row is too close. how can I make the row space in between look neat and nice.
also, how can I do with when click on add to cart it still on the same page and no open to your cart page, please
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
1. In your Shopify Admin go to: online store > themes > actions > edit code.
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.
.grid__item--1588572906201{padding-bottom: 35px;}
Thanks!
Second solution
1. In your Shopify Admin go to: online store > themes > actions > edit code.
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.
#shopify-section-1588572906201 .product-card+form {
padding-bottom: 35px;
}
thanks for it
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-card+form {margin-bottom: 50px !important;}
Third solution
1. In your Shopify Admin go to: online store > themes > actions > edit code.
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.
.product-card+form {margin-bottom: 50px !important;}
Thank you so much, the homepage it ok now the category page is uneven, could you please help
1. In your Shopify Admin go to: online store > themes > actions > edit code.
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.
@media only screen and (min-width: 750px) {
.template-collection .grid-view-item { min-height: 20rem !important;}
}
Thanks!
yes please try this code
.product-card__title {display: inline-block; min-height: 50px ;}
.grid-view-item__image-wrapper div {
padding-top: 100% !important;
}
.grid-view-item__image-wrapper .grid-view-item__image {height: 100%;
object-fit: contain;}
Hi @KetanKumar I have change this code
@media only screen and (min-width: 1080px) {
.template-collection .grid-view-item { min-height: 21rem !important;}
from 20rem to 21 rem now it all line up.
-------------
Another thing this everything when you click add to cart to take you to the check out page, thing I can do to have the pop up on the side instead so people still can continue shopping while one the page
-------------
and our pagespeed score is pretty low do you have anyway to fix it please?
@KetanKumar another question is can photo of the product have the carousel rather than have to click as individual
?
do you have like this
https://codepen.io/Turqueso/pen/rNNzpwb
Also on the mobile version,
it's not even looking. Could you please help guide me to fix it please.
try this code
@media only screen and (max-width: 749px) {
.product-card+form input {
width: 64%;
}
.product-card+form input#quantity {
width: 34%;
padding: 8px 4px;
font-size: 9px;
}
.product-card {min-height: 236px;}
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024