I want to add a shopping cart icon, and I don't know how

Solved
Highlighted
Tourist
32 0 6

I want to add a shopping cart icon, and I don't know how

1 Like
Highlighted
Shopify Partner
7574 1045 2626

Hello, @Designs-X 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
32 0 6
Highlighted
Shopify Partner
7574 1045 2626

@Designs-X 

Thanks for url

where did you add this icon?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
32 0 6

I haven't added the icon, I want to add it under the product

0 Likes
Highlighted
Shopify Partner
7574 1045 2626

This is an accepted solution.

do you mean to add to the cart icon below the product gird? if yes

Just follow the steps 

From Shopify Admin select Online Store and click on Themes
Choose your main theme
Click the . . . on the top left-right (see below) and hit Edit code
Open Snippets -> product-card-grid.liquid File and paste below code at the end of the page.

<form method="post" action="/cart/add">
  <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  <input min="1" type="number" id="quantity" name="quantity" value="1"/>
  <input type="submit" value="Add to cart" class="btn" />
</form>

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
32 0 6

thank you very much
But the buttons are just too big, and I've reduced them, so the word "Home" is getting smaller

1 Like
Highlighted
Shopify Partner
7574 1045 2626

This is an accepted solution.

@Designs-X 

Thanks 

yes can you please add this code also

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.grid__item form {
    display: flex;
    align-items: center;
input {
    margin-bottom: 0;
    flex: 1;
    margin: 0px 5px;
    display: flex;
    height: 44px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
32 0 6

thank you very much

0 Likes
Highlighted
Tourist
32 0 6

The last question
Store speed is slow and I don't know why

1 Like