replace the "add to  cart" button with the "contact us" button

hjtvslll
Tourist
20 0 1

I want to replace the "add to  cart" button with the "contact us" button. I tried it myself, but it didn't work. After I changed the code, the picture of the product page moved down a lot. I hope the Shopify team can help me. Thank you!

My  store :https://www.dectextile.com/

微信图片_20201127162238.png

0 Likes
KetanKumar
Shopify Partner
20594 2133 7796

@hjtvslll 

you have put all the wrong code as per your section i will provide a temporary solution make sure use theme default product section code much betters

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

.product-single__photo-wrapper {
    position: relative;
}
.product-single .feature-row__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
width: 100%;
}

 

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 Partner | 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
hjtvslll
Tourist
20 0 1
Thank you for your help. This method is very good. How to add the "contact us" button
0 Likes
KetanKumar
Shopify Partner
20594 2133 7796

@hjtvslll 

Try this 

https://shopify.dev/tutorials/customize-theme-replace-add-to-cart-button

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 Partner | 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
hjtvslll
Tourist
20 0 1

I've tried this one, but it's not working.

 

0 Likes
KetanKumar
Shopify Partner
20594 2133 7796

@hjtvslll 

i can do to it own code

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 Partner | 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
SustainaBabe
New Member
3 0 3

Question, 

 

When I followed the tutorial posted I was able to add the contact form.

However, how do i center the button?

 

 

Example:

For my main contact form i inputted the following in the theme.ccs:

 

#ContactForm label {
float: left;
}
form#ContactForm {
text-align: center;
}

 

This centered the send button. 

 

On my form that replaces the add to cart button, the send button is not centering. 

link: https://droneavenue.myshopify.com/admin/themes/124471083200/editor?previewPath=%2Fproducts%2Freal-es...

Suggestions? 

0 Likes