Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
In debut theme the default product description area is below the "add to cart" button.
But I want to also add some text above the add to cart button. Also, I want to add a hyperlink, which is a photo pop up.
Please help
In order to do that you need to modify the theme's code, in particular you need to focus on file product-template.liquid
Around line 212 you will find the code that display the buttons and you can add your code just before there.
<div class="product-form__error-message-wrapper product-form__error-message-wrapper--hidden{% if section.settings.enable_payment_button %} product-form__error-message-wrapper--has-payment-button{% endif %}"
data-error-message-wrapper
role="alert">
<span class="visually-hidden">{{ 'general.accessibility.error' | t }} </span>
{% include 'icon-error' %}
<span class="product-form__error-message" data-error-message>{{ 'products.product.quantity_minimum_message' | t }}</span>
</div>
{%- comment -%}
After this comment you can add your custom code, and it will appear before the buttons
{%- endcomment -%}
<div class="product-form__controls-group product-form__controls-group--submit">
<div class="product-form__item product-form__item--submit
{%- if section.settings.enable_payment_button %} product-form__item--payment-button {%- endif -%}
{%- if product.has_only_default_variant %} product-form__item--no-variants {%- endif -%}">
what is the code to add text or hyperlink?
Have no idea...
thanks
Hi Noctis,
Can you share the page url and also clarify what type of text you would like to add ?
Thanks
Simranjeet Singh
https://www.mercistore.co/collections/find-your-pawducts%E2%9D%A4/products/customizable-phone-cases
check it.
I want to add a line of text above add to cart, some text will be hyperlink to a photo pop up.
Hi,
I want to add about coupon code and free shipping above add to cart on product page. Can we do this?
I looked into it and it would require me to access the theme files to built a dynamic section for it, so it would be easier for you to make changes in future. Would you mind if I send collaborator access to the store theme ? this would be free of charges though : )
I just sent you a private message.
Thank u @Simranjeet .. for helping us. You have been very good at your work and given us exactly what we wanted Hope to work with you future.
User | RANK |
---|---|
33 | |
27 | |
19 | |
9 | |
9 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By