
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Theme Customization | 79mplus</title>
	<atom:link href="https://www.79mplus.com/project_category/theme-customization/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.79mplus.com</link>
	<description>Top-Tier WordPress Development Company for Custom, Scalable Solutions</description>
	<lastBuildDate>Mon, 11 Feb 2019 07:12:26 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>

<image>
	<url>https://www.79mplus.com/assets/cropped-favicon2-32x32.png</url>
	<title>Theme Customization | 79mplus</title>
	<link>https://www.79mplus.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Payment Model Modifications to Houzez Theme for Real Estate Directory</title>
		<link>https://www.79mplus.com/project/payment-model-houzez/</link>
					<comments>https://www.79mplus.com/project/payment-model-houzez/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Mon, 11 Feb 2019 07:12:26 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=497402</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/housing-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/payment-model-houzez/">Payment Model Modifications to Houzez Theme for Real Estate Directory</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/payment-model-houzez/">Payment Model Modifications to Houzez Theme for Real Estate Directory</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/housing-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/payment-model-houzez/">Payment Model Modifications to Houzez Theme for Real Estate Directory</a></p>
<p><div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_0 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Payment Model Modifications to Houzez Theme for Real Estate Directory</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-api-integration">Custom API Integration</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/theme-customization">Theme Customization</a>, <a href="https://www.79mplus.com/project_category/twillio">Twillio</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_0 et_animated et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/housing-banner.jpg" alt="" title="Payment Model Modifications to Houzez Theme for Real Estate Directory" srcset="https://www.79mplus.com/assets/housing-banner.jpg 1100w, https://www.79mplus.com/assets/housing-banner-300x131.jpg 300w, https://www.79mplus.com/assets/housing-banner-768x335.jpg 768w, https://www.79mplus.com/assets/housing-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/housing-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/housing-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-497409"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_1 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client for this project was a real estate listing site. They wanted their site to accept listings from different real estate agencies and allow user enquiries about their listings. The enquiries would be received in exchange for credits. Our client wanted to sell the credits on their website. They already had the WordPress theme &#8220;Houzez&#8221; installed which was the best fit for their job. It helped them implement basic functions, but they wanted some further tweaks over existing implementation to suit their needs.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Integrate the custom payment model with the enquiry form</li>
<li>Charge credit on enquiry by the user</li>
<li>Notify the agent when an enquiry is submitted for their listings through email and SMS</li>
<li>Allow some configurable number of free enquiries per agency for promotional purposes</li>
<li>Implement a feature for checking balance and generating invoices</li>
<li>Implement a referral URL feature for letting other agents sign up and get benefits</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>The project was an interesting tweak over the existing features.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_3">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Enquiries</h3>
<p>Our client wanted a feature so that users can submit enquiries about a listing. It allows agencies to receive valuable potential customers. We used hooks to tap into the form inputs and integrate our credit policy into the form. We updated the credit everytime an enquiry is run and execute further actions if needed.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Credit System for Enquiry</h3>
<p>We have implemented a credit system centering around the enquiry feature. Agents can purchase credit. Credits represent the number of enquiry agents can receive. If credit limit exceeds, listings from the agent are made so that they are no longer available for public. We have implemented custom payment info page and integrated Stripe payment with it.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Notification on Enquiry</h3>
<p>Our client wanted to launch their site first on Philippines. The country enjoys the use of SMS as a popular communication medium. Email also acts as a detailed notification to see the full length enquiry and respond properly. So we implemented both email and SMS notification into the project. SMS notification is implemented with Twillio API.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Free Enquiries</h3>
<p>Our client wanted this feature from the start. We implemented a feature so that a particular amount of free credits are assigned to agencies upon registration so that agencies can start receiving enquiries right away, before paying for their first plan. We also made the amount configurable from the settings.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Referrals</h3>
<p>We implemented a referral system powered by invitereferrals.com into the project so that agents can send other agents referral links and benefit from the signup. We have used Javascript code and iframe to show campaign popup. We also used webhook to assign free credits to the referrer agent.</p>
<p>&nbsp;</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_3 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_1 et_animated et-waypoint">
				
				
				
				
				<a href="https://www.79mplus.com/assets/housing-project-image-big.jpg"><span class="et_pb_image_wrap "><img decoding="async" width="800" height="564" src="https://www.79mplus.com/assets/housing-project-image-big.jpg" alt="" title="Payment Model Modifications to Houzez Theme for Real Estate Directory" srcset="https://www.79mplus.com/assets/housing-project-image-big.jpg 800w, https://www.79mplus.com/assets/housing-project-image-big-300x212.jpg 300w, https://www.79mplus.com/assets/housing-project-image-big-768x541.jpg 768w, https://www.79mplus.com/assets/housing-project-image-big-510x360.jpg 510w" sizes="(max-width: 800px) 100vw, 800px" class="wp-image-497408"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>When we finished, we delivered a customized real estate enquiry feature that handles payments and credits automatically. With this completed, our client got a new payment model to encourage growth for their project.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/payment-model-houzez/">Payment Model Modifications to Houzez Theme for Real Estate Directory</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/payment-model-houzez/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Website Customizations based on Zendesk, MailChimp, Divi and Paddle</title>
		<link>https://www.79mplus.com/project/website-customizations-zendesk-mailchimp-paddle/</link>
					<comments>https://www.79mplus.com/project/website-customizations-zendesk-mailchimp-paddle/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Mon, 13 Aug 2018 06:05:45 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496668</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/paddle-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/website-customizations-zendesk-mailchimp-paddle/">Website Customizations based on Zendesk, MailChimp, Divi and Paddle</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/website-customizations-zendesk-mailchimp-paddle/">Website Customizations based on Zendesk, MailChimp, Divi and Paddle</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/paddle-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/website-customizations-zendesk-mailchimp-paddle/">Website Customizations based on Zendesk, MailChimp, Divi and Paddle</a></p>
<p><div class="et_pb_section et_pb_section_4 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_10  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_1 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Website Customizations based on Zendesk, MailChimp, Divi and Paddle</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-api-integration">Custom API Integration</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/mailchimp">Mailchimp</a>, <a href="https://www.79mplus.com/project_category/paddle">Paddle</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/theme-customization">Theme Customization</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a>, <a href="https://www.79mplus.com/project_category/zendesk">Zendesk</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_2 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/paddle-banner.jpg" alt="" title="Website Customizations based on Zendesk, MailChimp, Divi and Paddle" srcset="https://www.79mplus.com/assets/paddle-banner.jpg 1100w, https://www.79mplus.com/assets/paddle-banner-300x131.jpg 300w, https://www.79mplus.com/assets/paddle-banner-768x335.jpg 768w, https://www.79mplus.com/assets/paddle-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/paddle-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/paddle-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496674"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_5 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_7">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_10  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client had a Divi based website in which they wanted to integrate many things. They wanted Zendesk integration with their contact form, MailChimp integration with some other contact feature and download options, Paddle payment method integration with Paddle.js and some other minor adjustments. There was a lot of integrations and testing to be done, so we went right into work.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Integrate Zendesk into the contact form</li>
<li>Integrate MailChimp with subscribe option</li>
<li>Integrate Paddle payment method with Paddle.js</li>
<li>Implement backend settings for the API integrations</li>
<li>Apply some minor changes to the design</li>
<li>Testing all the integrations so that it works fine together</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_6 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_8">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_12  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_11  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>The project was simple with many things to integrate and test.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_9">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_13  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_12  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Zendesk Integration</h3>
<p>We integrated Zendesk into the contact form so that every contact entry can be handled professionally with support executives. We also added some helpful prefix when adding the entry so that entries coming from contact form can stand out from the other support requests.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_14  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_13  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>MailChimp Integration</h3>
<p>We have worked with MailChimp before, the experience of which aided us in the way. Client had a form with name and email fields. We used the form to subscribe the user into MailChimp. We kept the changes inside our plugin so that it does not cause issues with updates.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_15  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_14  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Paddle Payment Integration</h3>
<p>Paddle is an automated payment and billing system of which our client was a big fan of. We integrated the payment with Paddle.js into the website. We used the paddle.js from original paddle.com website so that it applies the bug fixes and updates automatically.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_10">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_16  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_15  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Backend Settings</h3>
<p>We have implemented backend settings for all of our integrations. We have allowed for the API keys and settings to be changed easily if needed, so that the client can easily change API settings in future, without having to consult us again for the change.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_17  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_16  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Minor Design Changes</h3>
<p>Our client was using Divi to style pages. They had different layouts for different pages implemented with Divi builder. They wanted us to apply some minor changes regarding some icons, which we did happily.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_18  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_7 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_11">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_19  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_3 et-waypoint">
				
				
				
				
				<a href="https://www.79mplus.com/assets/paddle-project-image-big.png"><span class="et_pb_image_wrap "><img decoding="async" width="800" height="564" src="https://www.79mplus.com/assets/paddle-project-image-big.png" alt="" title="Website Customizations based on Zendesk, MailChimp, Divi and Paddle" srcset="https://www.79mplus.com/assets/paddle-project-image-big.png 800w, https://www.79mplus.com/assets/paddle-project-image-big-300x212.png 300w, https://www.79mplus.com/assets/paddle-project-image-big-768x541.png 768w, https://www.79mplus.com/assets/paddle-project-image-big-510x360.png 510w" sizes="(max-width: 800px) 100vw, 800px" class="wp-image-496673"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_17  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>When we finished, we delivered a better integration-oriented website with features working the way client wanted.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/website-customizations-zendesk-mailchimp-paddle/">Website Customizations based on Zendesk, MailChimp, Divi and Paddle</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/website-customizations-zendesk-mailchimp-paddle/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Custom Website Development for a Lifestyle Variety Store</title>
		<link>https://www.79mplus.com/project/custom-website-development-lifestyle/</link>
					<comments>https://www.79mplus.com/project/custom-website-development-lifestyle/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Wed, 01 Aug 2018 04:38:37 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496483</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/custom-website-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/custom-website-development-lifestyle/">Custom Website Development for a Lifestyle Variety Store</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/custom-website-development-lifestyle/">Custom Website Development for a Lifestyle Variety Store</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/custom-website-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/custom-website-development-lifestyle/">Custom Website Development for a Lifestyle Variety Store</a></p>
<p><div class="et_pb_section et_pb_section_8 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_12">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_20  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_2 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Custom Website Development for a Lifestyle Variety Store</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_18  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/theme-customization">Theme Customization</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_4 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/custom-website-banner.jpg" alt="" title="Custom Website Development for a Lifestyle Variety Store" srcset="https://www.79mplus.com/assets/custom-website-banner.jpg 1100w, https://www.79mplus.com/assets/custom-website-banner-300x131.jpg 300w, https://www.79mplus.com/assets/custom-website-banner-768x335.jpg 768w, https://www.79mplus.com/assets/custom-website-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/custom-website-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/custom-website-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496495"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_9 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_13">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_21  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_19  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client was looking for a WordPress/WooCommerce team for troubleshooting issues and implementing features for an online store. There was various email issues regarding Vendors and Shipping methods, many feature requests, multi-currency setup and a complete redesign of the website.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Fix Vendor and shipping issues</li>
<li>Implement Multi currency setup</li>
<li>Implement Rewards Program and Gift Certificates</li>
<li>Do a website revamp</li>
<li>Handle minor feature requests</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_10 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_14">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_22  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_20  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>This was a noteworthy project with some important details.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_15">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_23  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_21  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Vendor and Shipping issues</h3>
<p>Our client was using WC Vendors and Austpost Shipping plugins which was a complex setup to begin with. They introduced issues in shipping calculations which the plugin authors did not even had the idea. We had to troubleshoot many issues and find solutions for them. Even if original plugin is faulty and can&#8217;t handle the situation, we found ways to make it work.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_24  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_22  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Multi Currency</h3>
<p>The base currency was AUD, but our client wanted other well-known currencies for their international clients. Implementing the feature was not hard, but fixing some issues in an already complex multi-vendor, discount-driven project was a bit something for us when we started. We regularly had to tackle many issues regarding this. But we were successful in solving the issues at the end.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_25  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_23  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Rewards Program, Gift Certificates</h3>
<p>Rewards program, gift certificate, vendor specific discounts, shipping discounts became very common things for our days with this project. We had some interesting issues to deal with. We dug up some solutions and at the end we were able to make all these work together harmoniously.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_16">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_26  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_24  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Website Revamp</h3>
<p>When we first took the job, it had a near-vanilla Marketica theme applied. We created our own child theme to revamp the website. We redesigned the website to look more modern and match the products our client sell. In the way, we fixed some style issues and also introduced some settings on the theme customizer which would make it easy to change the color scheme in future. Our client was patient with us during our journey and when it was finished, it looked great. As a plus, we got a kudos from the client.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_27  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_25  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Minor Feature Requests</h3>
<p>Client had some ideas of how the website should be. So we helped to make this a reality. We implemented some theme features, some email specific requests, some vendor dashboard modifications, some custom meta fields in the product edit page which made our client&#8217;s life so much easier.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_28  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_11 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_17">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_29  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_5 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="400" height="282" src="https://www.79mplus.com/assets/custom-website-project-imag.png" alt="" title="Custom Website Development for a Lifestyle Variety Store" srcset="https://www.79mplus.com/assets/custom-website-project-imag.png 400w, https://www.79mplus.com/assets/custom-website-project-imag-300x212.png 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-496494"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_26  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>We&#8217;ve made it a reality. All the changes, tweaks and feature implementations made for a perfect place to sell on the internet.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/custom-website-development-lifestyle/">Custom Website Development for a Lifestyle Variety Store</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/custom-website-development-lifestyle/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</title>
		<link>https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/</link>
					<comments>https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Wed, 18 Jul 2018 10:14:04 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496284</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/sage-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/sage-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</a></p>
<p><div class="et_pb_section et_pb_section_12 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_18">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_30  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_3 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_27  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/theme-customization">Theme Customization</a>, <a href="https://www.79mplus.com/project_category/tm-extra-product-options">TM Extra Product Options</a>, <a href="https://www.79mplus.com/project_category/ux-builder">UX Builder</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_6 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/sage-project-banner-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/sage-project-banner-01.png 1100w, https://www.79mplus.com/assets/sage-project-banner-01-300x131.png 300w, https://www.79mplus.com/assets/sage-project-banner-01-768x335.png 768w, https://www.79mplus.com/assets/sage-project-banner-01-1024x447.png 1024w, https://www.79mplus.com/assets/sage-project-banner-01-1080x471.png 1080w, https://www.79mplus.com/assets/sage-project-banner-01-510x223.png 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496364"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_13 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_19">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_31  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_28  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client was looking for someone who could make him a custom-style WooCommerce product page for their bicycle products. He also wanted so that their users could customize the product, choose different options, check the price and place an order. There was another requirement which was interesting. He wanted the custom styled product pages just for some of his new products, but not others. He wanted the rest of the products to remain styled like before. He had pixel perfect mockups of the page, which was very helpful later. Dark, contrasting, beautiful product images and the unique sense of challenge thrilled us. So we took the job.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Create the customized product page according to mockup</li>
<li>Integrate TM Extra Product Options with our mockup design</li>
<li>Keep our customizations separate from other normal products</li>
<li>Make sure our customizations adopt to mobiles and tablets</li>
<li>Make sure it plays well with UX Builder</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_14 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_20">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_32  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_29  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>This is a fun project but required careful planning. We had to be careful to implement features so that the aesthetics are not ruined. And we also had to take care of any existing functionality so that they are not disturbed.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_21">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_33  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_7 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/sage-admin-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/sage-admin-01.png 600w, https://www.79mplus.com/assets/sage-admin-01-300x150.png 300w, https://www.79mplus.com/assets/sage-admin-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496302"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_34  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_30  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Controls on Admin</h3>
<p>We prepared settings in such a way so that client can easily switch between new style and the old style. It helped keep the old product pages intact and the new changes remain on its own separate place, as client wanted.</p>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_22">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_35  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_31  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>TM EPO Integration</h3>
<p>We tapped into TM EPO integration for WooCommerce to get the product customization to work on our new product pages. We had to look into how TM EPO handled custom options. We then focused on populating and debugging the interface based on the data that was available to us. It was adventurous to say the least.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_36  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_8 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/tmepo-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/tmepo-01.png 600w, https://www.79mplus.com/assets/tmepo-01-300x150.png 300w, https://www.79mplus.com/assets/tmepo-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496304"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_23">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_37  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_9 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/custom-templating-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/custom-templating-01.png 600w, https://www.79mplus.com/assets/custom-templating-01-300x150.png 300w, https://www.79mplus.com/assets/custom-templating-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496310"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_38  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_32  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Custom Templating</h3>
<p>We had to implement a templating system for our unique requirements. We tried to keep it as separate from WC templates as much as possible. Ultimately this has let us make our changes as freely as possible, without disturbing the existing styles and templates. We had to implement a custom product slider and many other minor things, which we could then do easily. At the end, we were able to pack everything inside the child theme.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_24">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_39  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_33  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Support for Different Screens</h3>
<p>We submitted initial design quickly, but devices are notoriously different and was quickly getting feedbacks on different issues. For example, older iPads used to handle CSS differently, which caused many issues on those devices. We applied changes so that now it appears perfectly on all common devices, including iPads, iPhones.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_40  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_10 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/different-screens-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/different-screens-01.png 600w, https://www.79mplus.com/assets/different-screens-01-300x150.png 300w, https://www.79mplus.com/assets/different-screens-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496308"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_25">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_41  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_11 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/ux-builder-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/ux-builder-01.png 600w, https://www.79mplus.com/assets/ux-builder-01-300x150.png 300w, https://www.79mplus.com/assets/ux-builder-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496356"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_42  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_34  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Designed with UX Builder in mind</h3>
<p>The main content was made with UX Builder. So we had to work around it to implement various features. Documentation for UX Builder was scarce. And to make it even worse, proper hooks were absent as well. We had to find other routes to make it work.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_15 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_26">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_43  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_12 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="400" height="282" src="https://www.79mplus.com/assets/sage-project-image.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/sage-project-image.png 400w, https://www.79mplus.com/assets/sage-project-image-300x212.png 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-496345"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_35  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>It had some delightful challenges but we pulled it off. And the result was astounding, breathtaking! Product customization feature with shiny product images got our hearts pumping. We are also happy that we got more sub-projects from the client for other modifications later on.</p>
<p>It was a complex project, but we had fun developing it.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Nearest Waterfalls plugin using Latitude Longitude data</title>
		<link>https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/</link>
					<comments>https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Wed, 27 Dec 2017 11:13:35 +0000</pubDate>
				<guid isPermaLink="false">http://www.79mplus.com/?post_type=project&#038;p=2039</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/wow-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/">Nearest Waterfalls plugin using Latitude Longitude data</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/">Nearest Waterfalls plugin using Latitude Longitude data</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/wow-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/">Nearest Waterfalls plugin using Latitude Longitude data</a></p>
<p><div class="et_pb_section et_pb_section_16 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_27">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_44  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_4 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Nearest Waterfalls plugin using Latitude Longitude data</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_36  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-api-integration">Custom API Integration</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/google-maps-api">Google Maps API</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/theme-customization">Theme Customization</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_13 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/wow-banner.jpg" alt="" title="Nearest Waterfalls plugin using Latitude Longitude data" class="wp-image-49809"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_17 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_28">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_45  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_37  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><p>&nbsp;</p>
<h2>Challenge</h2>
<p>Our client needed a plugin to show nearest waterfall below every post body. The client had a custom CPT for Waterfall already setup. It had each listed waterfall recorded with its latitude and longitude. We were asked to create a plugin for his website which would act similar to a related posts plugin, which would calculate and show the nearest waterfalls from the current one.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Create a shortcode</li>
<li>Get the latitude-longitude of the current post</li>
<li>Get latitude-longitude of other waterfall posts and calculate the distance from the current one</li>
<li>List the most nearest ones first, then furthest</li>
<li>Limit the results and show the list</li>
<li>Make the shortcode to handle a specific radius, limit, and display columns</li>
<li>Make the list matching the style of website and implement special thumbnail size for responsive mode</li>
</ul>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_18 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_29">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_46  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_38  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>We had a good time creating the plugin because the Waterfalls posts were already created, data was already there. We just had to create the plugin and test.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_30">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_47  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_14 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/shortcode.jpg" alt="" title="Nearest Waterfalls plugin using Latitude Longitude data" class="wp-image-49805"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_48  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_39  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Shortcode</h3>
<p>We prepared a versatile shortcode specific to the needs of the website that can handle radius miles &#8211; to only show waterfalls within that mile radius, count, and columns for display.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_31">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_49  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_40  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Latitude-Longitude Data</h3>
<p>We had the Waterfall posts already prepared and they had the latitude and longitude data in them. It was conveniently saved as meta, so we had to process based on this data.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_50  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_15 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="200" src="https://www.79mplus.com/assets/latitude-longitude.jpg" alt="" title="Nearest Waterfalls plugin using Latitude Longitude data" class="wp-image-49806"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_32">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_51  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_16 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="200" src="https://www.79mplus.com/assets/calculating-distances.jpg" alt="" title="Nearest Waterfalls plugin using Latitude Longitude data" class="wp-image-49811"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_52  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_41  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Calculating Distances</h3>
<p>We had to work with Latitude-Longitude data and study how it works. We tried various solutions. But at the end we chose to use simple math with the help of Trigonometry to calculate the distance. It works seamlessly and effortlessly to calculate the distance and work with our radius limit with precision.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_33">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_53  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_42  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Display of Waterfalls</h3>
<p>We had the shortcode designed to show the waterfalls. Behind the scenes it just didn&#8217;t show the waterfalls, it also has miles radius to pick items from, a count limit and visual parameters to set how to many colums to show the waterfalls in.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_54  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_17 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/Display-of-Waterfalls-1.jpg" alt="" title="Nearest Waterfalls plugin using Latitude Longitude data" class="wp-image-49814"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_34">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_55  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_18 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/Matching-the-theme.jpg" alt="" title="Nearest Waterfalls plugin using Latitude Longitude data" class="wp-image-49817"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_56  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_43  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Matching the theme</h3>
<p>Last but not the least, we had to match our plugin with the theme. We have styled our plugin elements to match the style of the whole website. Our column settings also helped us achieve this. Also, we had some requests for the responsive mode styles which we successfully completed.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_19 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_35">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_57  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_19 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="475" height="370" src="https://www.79mplus.com/assets/wow-thumbnail.jpg" alt="" title="Nearest Waterfalls plugin using Latitude Longitude data" class="wp-image-49937"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_44  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>It was a simple project with some delightful hidden complexities. It works with the existing meta data and cpt to give the comfort and convenience to the user. It uses its mathematically correct formula to calculate distance between the waterfalls and show the nearest one so that any traveler can plan his destinations cleverly.</p>
<p>It was a great project and we had fun developing it.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/">Nearest Waterfalls plugin using Latitude Longitude data</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
