How to copy code from one section to another

Solved
joshsadler98
Explorer
70 3 24

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!!

0 Likes

This is an accepted solution.

Hi 

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!

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
joshsadler98
Explorer
70 3 24

Do you know which file i would paste this code into, to get it on the test page for the header?

 

Many thanks!

0 Likes

Hi,

oscprofessional_0-1627565341464.png

search your page which named as test and click on show html section & past code there.

oscprofessional_1-1627565409715.png

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
joshsadler98
Explorer
70 3 24

All that seems to happen is this 

 

joshsadler98_0-1627566430059.png

 

0 Likes
joshsadler98
Explorer
70 3 24

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>

0 Likes

Hi 

do you want to add this section in test page ??

oscprofessional_0-1627619807638.png

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes