Shopify themes, liquid, logos, and UX
Could someone please help on me copying code for a section to another page please.
It is the "Map" or header section on this page - https://directcomputers.myshopify.com/pages/contact-us
Above the contact form on this page https://directcomputers.myshopify.com/pages/test
Password flowma
Thank you!!
Solved! Go to the solution
This is an accepted solution.
Hi joshsadler98
Here is the map code. you an copy & paste anywhere you want.
<div data-element="content/button.htm" class="az-element-wrapper"><div class="az-button az-debut-small-button az-center" data-icon="left"><a class="" href="https://www.google.com/maps/place/Direct+Computers/@53.354773,-1.5299978,17z/data=!3m1!4b1!4m5!3m4!1s0x4879818a172f3fad:0x8b84feb647a6995!8m2!3d53.3547406!4d-1.5277443" target="_blank"><span class="az-icon fa fa-map-marker" style="margin-right: 6px; "></span><span class="az-contenteditable">Get directions</span><span class="az-icon fa fa-external-link-square"></span></a></div></div>
For test page you have to add in this template file or in page.
Dont hesitate to ask further query!
hope you will like this solution!
This is an accepted solution.
Hi joshsadler98
Here is the map code. you an copy & paste anywhere you want.
<div data-element="content/button.htm" class="az-element-wrapper"><div class="az-button az-debut-small-button az-center" data-icon="left"><a class="" href="https://www.google.com/maps/place/Direct+Computers/@53.354773,-1.5299978,17z/data=!3m1!4b1!4m5!3m4!1s0x4879818a172f3fad:0x8b84feb647a6995!8m2!3d53.3547406!4d-1.5277443" target="_blank"><span class="az-icon fa fa-map-marker" style="margin-right: 6px; "></span><span class="az-contenteditable">Get directions</span><span class="az-icon fa fa-external-link-square"></span></a></div></div>
For test page you have to add in this template file or in page.
Dont hesitate to ask further query!
hope you will like this solution!
Do you know which file i would paste this code into, to get it on the test page for the header?
Many thanks!
Hi,
search your page which named as test and click on show html section & past code there.
All that seems to happen is this
This is all the code for the contact us page which i need moving to the test page. Basically, all i wanted to do was keep the form on the test page and move the header, image and text. As the contact form on the test page looks nicer than the other one. But when i copy this in the formatting is all wrong.
<div class="az-container"><div class="azh-content-wrapper"><div data-section="debut/map.html"><div class="az-debut az-lazy-load" data-full-width="true" data-stretch-content="false" data-content-width="full-width" data-row-height="min-height" data-column-position="middle" data-content-position="top" data-column-padding="15" style="background-position: center center; background-size: cover; padding-bottom: 130px; padding-top: 130px; ; " data-background-type="classic" data-parallax="false" data-parallax-speed="40" data-overflow-hidden="false" data-src="/"><div class="az-overlay az-pack" data-cloneable=""><div style="background-type: classic; background-position: bottom center; background-size: cover; filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(95%) saturate(79%) sepia(0%); ; " class="az-lazy-load" data-src="{{ 'photo-shot-attractive-positive-good-looking-young-woman-wearing-casual-stylish-outfit-poising-min.jpg' | asset_url }}"></div><div class="az-debut-gray-background"></div></div><div class="az-shape-top"></div><div class="az-shape-bottom"></div><div class="azh-row" style="min-height: 351px; max-width: 800px; "><div class="azh-col-xs-12 azh-col-sm-12 azh-col-md-6 azh-col-xs-offset-0 azh-col-sm-offset-0 azh-col-md-offset-0 azh-col-lg-offset-0 az-elements-list azh-col-lg-4" data-cloneable=""><div data-element="layout/background.htm" class="az-element-wrapper az-top-right-controls az-no-utility"><div class="az-background az-pack az-lazy-load" style="background-type: classic;padding-top: 40px;padding-right: 40px;padding-bottom: 40px;padding-left: 40px;background-color: rgba(255,255,255,1);" data-sr="" data-src="/"><div class="az-overlay" data-cloneable=""><div></div></div><div data-cloneable="" class="az-elements-list"><div data-element="content/heading.htm" class=""><h4 class="az-heading az-contenteditable" data-sr="" style="text-align: center; margin-bottom: 25px; ">Our store</h4></div><div data-element="content/text.htm" class="az-element-wrapper" style="margin-bottom: 30px; "><div class="az-text az-contenteditable" data-sr="" style="text-align: center"><div>302 Ringinglow Road, Bents Green, Sheffield, S11 7PX</div><div><br/></div><div>Mon - Fri, 9am - 5pm</div><div>Saturday, 10am - 3pm</div><div>Phone: 0114 296 0035</div></div></div><div data-element="content/button.htm" class="az-element-wrapper"><div class="az-button az-debut-small-button az-center" data-icon="left"><a class="" href="https://www.google.com/maps/place/Direct+Computers/@53.354773,-1.5299978,17z/data=!3m1!4b1!4m5!3m4!1..." target="_blank"><span class="az-icon fa fa-map-marker" style="margin-right: 6px; "></span><span class="az-contenteditable">Get directions</span><span class="az-icon fa fa-external-link-square"></span></a></div></div></div></div></div></div><div class="azh-col-xs-12 azh-col-sm-12 azh-col-md-6 azh-col-xs-offset-0 azh-col-sm-offset-0 azh-col-md-offset-0 azh-col-lg-offset-0 az-elements-list azh-col-lg-8" data-cloneable=""><div data-element="" class=""></div></div></div></div></div><div data-section="debut/form.html" class=""><div class="az-debut" data-full-width="false" data-stretch-content="false" data-content-width="full-width" data-row-height="" data-column-position="middle" data-content-position="top" data-column-padding="15" style="padding-top: 80px; padding-bottom: 0px; " data-background-type="none" data-parallax="false" data-parallax-speed="40" data-overflow-hidden="false"><div class="az-overlay" data-cloneable=""><div></div></div><div class="az-shape-top"></div><div class="az-shape-bottom"></div><div class="azh-row"><div class="azh-col-xs-12 azh-col-sm-12 azh-col-md-12 azh-col-xs-offset-0 azh-col-sm-offset-0 azh-col-md-offset-0 azh-col-lg-offset-0 az-elements-list azh-col-lg-12" data-cloneable=""><div data-element="content/heading.htm" class="az-element-wrapper"><h2 class="az-heading az-contenteditable" data-sr="" style="margin-bottom: 30px; font-family: 'Avenir Next'; text-align: center">Contact us</h2></div><div data-element="forms/contact-form.htm" class="az-bottom-left-controls"><div class="az-contact-form az-no-liquid-context" id="id8eClI"><div class="az-liquid-container"><!-- azexo-liquid-begin-610029c49d3fb -->{% assign success_message = 'Posted successfully' %}{% form "contact" %} {% if form.posted_successfully? %} <p>{{ success_message }}</p> {% endif %} {{ form.errors | default_errors }}<!-- azexo-liquid-end-610029c49d3fb --><div class="az-liquid-content"><div data-cloneable="" class="az-elements-list"><div data-element="forms/input-field.htm" style="margin-bottom: 20px; " class=""><input class="az-field az-center" type="text" value="" placeholder="Your name" maxlength="" data-mask="" name="contact[first_name]" style="font-family: 'Avenir Next'; text-align: left; "/></div><div data-element="forms/input-field.htm" style="margin-bottom: 20px; " class=""><input class="az-field az-center" type="email" value="" placeholder="Your Email" maxlength="" data-mask="" name="contact[email]" required="" style="font-family: 'Avenir Next'"/></div><div data-element="forms/input-field.htm" style="margin-bottom: 20px; " class=""><input class="az-field az-center" type="tel" value="" placeholder="Your Phone" maxlength="" data-mask="" name="contact[phone]" style="font-family: 'Avenir Next'"/></div><div data-element="forms/big-text-field.htm" style="margin-bottom: 20px; " class="az-element-wrapper"><textarea class="az-field az-center" cols="45" rows="5" placeholder="Your Message" name="contact[message]" style="font-family: 'Avenir Next'"></textarea></div><div data-element="forms/submit-button.htm" class=""><button type="submit" class="btn az-submit az-contenteditable az-center az-lazy-load" style="font-family: 'Avenir Next';color: rgba(255,255,255,1);background-type: classic;background-color: rgba(237,31,36,1);border-style: none;" data-src="/">Submit</button></div></div></div><!-- azexo-liquid-begin-610029c49d4ca -->{% endform %}<!-- azexo-liquid-end-610029c49d4ca --></div><style class="az-css-rules az-contenteditable">#id8eClI .az-success-message { text-align: left;}</style></div></div></div></div></div></div></div></div>
Hi
do you want to add this section in test page ??
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024