Okay
  Public Ticket #2008836
errors
Closed

Comments

  • itsabusamra started the conversation

    Hello, 

    I have a couple of issues

    1- How to edit the text under the "Add to Cart" button.

    2- I am not able to edit or remove the additional information tab from customization.

    3- Can I make the price a little bit bigger?

  •  231
    Shopify Team replied

    Hi,

    For issue 1 & 2:

    1- How to edit the text under the "Add to Cart" button.

    2- I am not able to edit or remove the additional information tab from customization.

    -> These text is static text (or html) that will show same content on all product (the purpose is to add a text or banner like payment banner, advertise banner, paypal, afterpay, certificate ...).

    You can edit those text following these steps:

    + From Customize screen, go to a product page by clicking on it (by navigate to category then click on a product). You can see a section on the left sidebar

    6198763849.jpg

    + If the checkbox 'Use these values instead of default values' is checked, it means the below settings of this section will override the default settings (on tab Theme Settings - Product detail) - then you can edit the text on 'Static content' field

    3807150845.jpg

     You can remove the 'Additional Information' tab by leave blank these fields: Additional tab title, Additional tab content.

    2940038985.jpg

    + If the checkbox is not checked, it means the default setting will be apply, you can see it on tab 'Theme Settings - Product Details Page'

    6575170155.jpg

    + Edit the text on  'Static content, Additional tab title, Additional tab content' field (or leave blank to remove it) then Save.

    4129133252.jpg

    3- Can I make the price a little bit bigger?

    Yes you can edit the css code to make it bigger.

    + From Admin - Online Stores - Themes - click on Actions -> Edit code

    9750453471.jpg

    + On the code screen, scroll to Assets & open file 'gps-product.scss.liquid'

    5672942379.jpg

    + Scroll to bottom of this file & add this code:

    .gp-product-detail .product-info-price {
        font-size: 24px;
    }

    You can change the 24px to bigger or smaller number then click Save & check the change on frontend.

    9868840586.jpg

    Hope this guide can help yousmile.png

    Ah, i've looked around your site and i think if you use product images with the same dimension, it would look better on the hover effect on home page & category pagesmile.png

    Best regards,

    Be Steven