Solved

How to copy code from one section to another

Not applicable

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

Accepted Solution (1)

oscprofessional
Shopify Partner
15830 2369 3072

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!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 6 (6)

oscprofessional
Shopify Partner
15830 2369 3072

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!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Not applicable

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

 

Many thanks!

oscprofessional
Shopify Partner
15830 2369 3072

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Not applicable

All that seems to happen is this 

 

joshsadler98_0-1627566430059.png

 

Not applicable

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>

oscprofessional
Shopify Partner
15830 2369 3072

Hi 

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

oscprofessional_0-1627619807638.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing