How to add text element to account and cart pages?

Store Design
1

My company is using our online store for retail and wholesale ordering. The url is https://inpursuitoftea.com/ and we’re using the Editions theme.

We need to add some custom text to the account and cart pages with basic rich text styling. I have very limited coding experience so am struggling with how to insert text via liquid, and the page builder apps in the app store manage to cover a lot of what we don’t need while failing to include these two page formats to edit.

Could someone walk me through how to add text elements like this?

1 Like
2

@maxfalkowitz

yes please shore where do you add this text give me screenshot

3

Thank you for the help. Here are the screenshots with the text we want to add. In both cases basic text format is fine, we just don’t know how to add this! On the login page, we want the words “email us” to hyperlink to a mailto:info@inpursuitoftea.com. Thank you!

Screen Shot 2021-11-01 at 4.52.26 PM.png
Screen Shot 2021-11-01 at 4.52.26 PM.png870×705 37.8 KB

Screen Shot 2021-11-01 at 5.09.48 PM.png
Screen Shot 2021-11-01 at 5.09.48 PM.png1142×775 113 KB

1 Like
4

@maxfalkowitz

yes please bot page code so i will update code

5

I don’t understand what you mean, what is bot code

6

@maxfalkowitz

oh sorry

i mean i need both file code

7

I’m still not sure I know what you mean, but this is the code under the Sections folder titled static-cart.liquid.


{% assign cart_notes = section.settings.show_cart_notes %}

  

    # {{ 'cart.general.title' | t }}
    {% unless cart.item_count > 0 %}
      ## {{ 'cart.general.empty' | t }}
    {% endunless %}
  

  
  {% if cart.item_count > 0 %}
    
  {% endif %}

  {% if section.settings.use_continue_shopping %}
       
         {{ 'general.continue_shopping' | t }} →
       
  {% endif %}

                                  
  

      

{% schema %}
{
  "name": "Cart",
  "settings": [
    {
      "type": "checkbox",
      "id": "enable_checkout_lock_icon",
      "label": "Show lock icon on checkout button",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "show_cart_notes",
      "label": "Enable order notes"
    },
    {
      "type": "checkbox",
      "id": "use_continue_shopping",
      "label": "Show 'continue shopping' button"
    },
{
      "type": "text",
      "id": "cart_notes",
      "label": "whole sale cart note"
    }

  ]
}

{% endschema %}

And this is customers/login.liquid:


  

    

      # {{ 'customer.login.header' | t }}

      {% if shop.checkout.guest_login %}
        {% form 'guest_login' %}
          
        {% endform %}
      {% endif %}
    

    {% form 'customer_login', class: 'customer-login' %}
      {{ form.errors | default_errors }}

      
        
        
      

      
        
        
        
      

      

      {{ 'customer.login.sign_up' | t }}
    {% endform %}
  

  
    

      # {{ 'customer.password_reset.title' | t }}
      {{ 'customer.password_reset.message' | t }}
    

    {% form 'recover_customer_password', class: 'customer-recover-password' %}
      {{ form.errors | default_errors }}

      
        
        
      

      
        
        
      

    {% endform %}
1 Like
8

@maxfalkowitz

great thanks for code can you please find this text and update your Custom Text Here…

customers/login.liquid


  

    

      # {{ 'customer.login.header' | t }}
    

  

    

      # {{ 'customer.login.header' | t }}

      {% if shop.checkout.guest_login %}
        {% form 'guest_login' %}
          
        {% endform %}
      {% endif %}
    

    {% form 'customer_login', class: 'customer-login' %}
      {{ form.errors | default_errors }}

      
        
        
      

      
        
        
        
      

      

      {{ 'customer.login.sign_up' | t }}
    {% endform %}
  

  
    

      # {{ 'customer.password_reset.title' | t }}
      {{ 'customer.password_reset.message' | t }}
    

    {% form 'recover_customer_password', class: 'customer-recover-password' %}
      {{ form.errors | default_errors }}

      
        
        
      

      
        
        
      

    {% endform %}
  

      {% if shop.checkout.guest_login %}
        {% form 'guest_login' %}
          
        {% endform %}
      {% endif %}
    

    {% form 'customer_login', class: 'customer-login' %}
      {{ form.errors | default_errors }}

      
        
        
      

      
        
        
        
      

      

      {{ 'customer.login.sign_up' | t }}
    {% endform %}
  

  
    

      # {{ 'customer.password_reset.title' | t }}
      {{ 'customer.password_reset.message' | t }}
    

    {% form 'recover_customer_password', class: 'customer-recover-password' %}
      {{ form.errors | default_errors }}

      
        
        
      

      
        
        
      

    {% endform %}
9

@maxfalkowitz

great thanks for code can you please find this text and update your Custom Text Here…
static-cart.liquid.


{% assign cart_notes = section.settings.show_cart_notes %}

  

    # {{ 'cart.general.title' | t }}
    {% unless cart.item_count > 0 %}
      ## {{ 'cart.general.empty' | t }}
    {% endunless %}
  

  
  {% if cart.item_count > 0 %}
    

                                  
  

      

{% schema %}
{
  "name": "Cart",
  "settings": [
    {
      "type": "checkbox",
      "id": "enable_checkout_lock_icon",
      "label": "Show lock icon on checkout button",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "show_cart_notes",
      "label": "Enable order notes"
    },
    {
      "type": "checkbox",
      "id": "use_continue_shopping",
      "label": "Show 'continue shopping' button"
    },
{
      "type": "text",
      "id": "cart_notes",
      "label": "whole sale cart note"
    }

  ]
}

{% endschema %}
10

Hey there, this could only be done in your situation by custom coding you can just directly go to the cart page code and and account page code and you can just simply paste your required text at that place where you want to have it. first try to inspect that pages and paste your text temporarily there and after confirmation of the exact location you can simply go to the code of the that particular page. and you can use h1 or h2 tag for heading and “style” attribute for styling your text. i hope this would help you and you can also search it on youtube and you will definitely find a complete procedure to do it.

By the way, if you want to build custom landing pages then i would suggest you to try Layoutbase shopify landing page Builder (https://apps.shopify.com/layoutbase-pagebuilder).

Thanks