Search the Community

Hi guys, I'm already using a theme on shopify called Atlantic. i want to build a new landing page on shopify similar to a page that i like on website demo (see attach). I have no coding experience to do that. I tried installing different app via shopify to help me build the landing page but i couldn't find the right tools to do it (text with image option, styling tools), i want to keep the header and footer for the current theme and change the content. Would you please help with recommendation on how to build the landing page (see attached) and connect it to the theme that i'm currently using? Here is the preview link for the page that i want to build (shop page): https://themes.shopify.com/themes/atlantic/styles/organic/preview Thanks, Ray

Hello, I am using the How to Create Tabs tutorial (https://www.w3schools.com/howto/howto_js_tabs.asp), but I can't get the default tab to work. It seems to work in the Tryit Editor, but even pasting the code as is, it doesn't work. I am using Shopify and have a .js, .css, and a .liquid (page template) document. Other changes on the pages seem to take affect. {{ 'tabs.js' | asset_url | script_tag }} {{ 'tabs.css' | asset_url | stylesheet_tag }} {% include 'breadcrumb' %} <meta name="viewport" content="width=device-width, initial-scale=1"> <div class="grid"> <div class="grid-item large--two-thirds push--large--one-sixth"> <h1>{{ page.title }}</h1> <div class="rte"> <h2>Tabs</h2> <p>Click on the x button in the top right corner to close the current tab:</p> <div class="tab"> <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">London</button> <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button> <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button> </div> <div id="London" class="tabcontent"> <span onclick="this.parentElement.style.display='none'" class="topright">&times</span> <h3>London</h3> <p>London is the capital city of England.</p> </div> <div id="Paris" class="tabcontent"> <span onclick="this.parentElement.style.display='none'" class="topright">&times</span> <h3>Paris</h3> <p>Paris is the capital of France.</p> </div> <div id="Tokyo" class="tabcontent"> <span onclick="this.parentElement.style.display='none'" class="topright">&times</span> <h3>Tokyo</h3> <p>Tokyo is the capital of Japan.</p> </div> {{ page.content }} </div> </div> </div> function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } /* Style the close button */ .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: red;}

I am a super newbie that has learned all of this on my own so please forgive if this is a dumb question. I have a shopify website that I had someone help me with (That ripped me off and clearly didn't know or care what they were doing). Anyway I have an area where the customer can write a gift message for each product. When it goes to the shopping cart the message is displayed. I put in a calendar option where the customer can choose a future ship date but that piece is not showing up in the cart when they add the product. This is the coding that I think is relevant: This coding is the gift message that moves to the cart ( I think) (This is on the product page...) <div> <p><label for="additional">Gift Message:</label></p> <p><input type="text" id="additional" name="properties[Additional]" /></p> </div> (This is on the cart page...) <label for="gift-message">Comments for Sunshine Senders:</label> <!--<input id="gift-message" type="text" name="attributes[gift_message]" value="{{ cart.attributes[gift_message] }}" class="giftMessage" />--> <textarea id="gift-message" name="attributes[gift_message]" >{{ cart.attributes[gift_message] }}</textarea> This is the calendar code on the product page <label for="ship_now_1">Shipping Preference</label><br/> <select name="ship_now_1" id="ship_now_1"> <option value="">--Please Select--</option> <option value="1">Ship ASAP-</option> <option value="2">Hold for Future Delivery-Choose Date</option> </select> How can I create the code that will make it appear on the cart page? Any help would be so appreciated...you have no idea!!! My website is www.SunshineSenders.com if it would help to see it. Thank you!!!! Cathy