Hello am currently customizing my products on my product page and want to add some customizable parts. this is my page now: https://auraliving.nl/products/flame-aroma-diffuser-deluxe-1
i got an old screenshot from a design a good friend of me used to have ( he doesnt anymore to bad )
for his products on his product page and i want to implement the same style i will put the picture of the requested style below.
- i want the currency amount to be in center underneath the name of the product
- i want the pricing to be the same size as the discount price (everywhere if possible)
- i want the size / variation / colors option to be centered
- i want the add to cart button to be the same color #eae3d9 button color , #000000 Text color
- i want the paypal button and other payment options button underneath that removed both
- i want the custom lines with the images and text as displayed under the size variations
Hi @NinoB97 ,
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin β Online store β Theme > Edit code:
Step 2: Search for the file base.css. And add this code snippet to the end of the file.
@media screen and (max-width: 767px) {
span.badge.price__badge-sale {
display: none !important;
}
.price--on-sale .price-item--regular {
font-size: 16px !important;
}
.product-form__input--swatch {
justify-content: center !important;
}
.product-form__buttons button {
background: #eae3d9 !important;
color: #000000 !important;
}
.shopify-payment-button {
display: none !important;
}
}
Step 3: Save your code and reload this page.
=>> The result I can help you resolve points 1 to 5 using CSS, but for point number 6, letβs wait for responses from others in the community:
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!
1 Like