Seems simple doesn’t it? Knowing HTML doesn’t help. Parallax version 5.3 by Out of the Sandbox, trying to assign a simple mailto:xxx@email to a pushbutton but there’s no way to do that on the theme builder. I found the liquid code for this banner with the pushbutton on it, but all it does is describe the banner. Through the theme builder I can only assign a webpage to the button, no actions. Thanks!
1 Like
Hi @Howie_C ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Hello @Howie_C ,
I am Gina from flareAI app helping Shopify merchants get $6Million+ in sales from Google Search, on autopilot. I am here to support you.
You can follow these steps if you want to add a mailto link to a pushbutton in your Shopify store using the Parallax theme.
- From your Shopify admin, go to Online Store > Themes and click on “Customize” for your Parallax theme.
- In the Theme Editor, navigate to the page where you want to add the button.
- Select the section where the button is located and click on the button to edit it.
- In the Button settings, click on “Add URL” and enter mailto:xxx@email as the URL, replacing xxx@email with the email address you want to use.
- Save your changes and preview your store to ensure the button now links to the email address.
If you’re unable to add the mailto link using the Theme Editor, you may need to edit the liquid code directly.
- From the Theme Editor, click on “Actions” and select “Edit code.”
- In the left sidebar, navigate to the template file that contains the button you want to edit. This will typically be a .liquid file located in the “Sections” or “Snippets” folder.
- Find the code for the button and add the following code within the button tag: href=“mailto:xxx@email”. Again, replace xxx@email with the email address you want to use.
- Save your changes and preview your store to ensure the button now links to the email address.
It’s important to note that editing the liquid code directly can be more complex and may require some knowledge of HTML and liquid code. Make sure to create a backup of your theme files before making any changes and test your changes thoroughly before publishing them to your live site.
Gina
1 Like
Hi Gina, thanks for the quick reply! The theme editor is useless. In the code editor, this button is in a JSON file. Not sure how to change it here. It references an actual ruby file called image-with-text-overlay.
In the css file, this section:
Then it becomes difficult to search.
Hi @Howie_C
You can try to change the following:
"settings":{
...
"button_label":"",
"link":"mailto:xxx@email",
...
}
We hope that it will work for you.
1 Like
@BSS-Commerce where do you put this in the code? I am trying to do this