Page 1 of 1

product landingpage - best way to implement/connect to OC?

Posted: Mon Aug 28, 2023 6:22 pm
by littleredcar
hi there.

i want to realize a single product page as a landingpage that will be promoted via instagram/google ads.
maybe something like this: https://www.dji.com/de/avata

this landingpage has to be 100% free in design, so i can have a standalone look not necessarily connected to my overall shopdesign. it should be possible to put the product into the cart straight from this page (or maybe even ordered on that very same page?).
as the product might have a discount, it should NOT be visible anywhere else in my shop (categories, related products, etc.).
i am experienced in html/php.


as far as i can see there are two main options to technically realize this:
-----
1.) add a new product to my shop and design a n individual template in OC which 'cuts away' all the rest around the product (navigation, information, etc.).

advantages:
- technically easy to put product in cart and order it.
- easy to maintain product via shop admin.
- easy tracking via OC affiliate X pack extension

disadvantages:
- OC template system. :-( all page builder extensions i found via marketplace where old or rated 'average'.
- loading times of landingpage?
- mobile friendliness of landingpage?

-----
2.) design and program an external standalone landingpage in html/php and technically integrate a product from my shop, so i can order it with as few clicks as possible.

advantages:
- 100% freedom of design!
- easy to duplicate for other products/google ads.

disadvantages:
- no native integration of product (including options etc.) into OC
- got to technically solve an easy (= SHORT) way to put item in cart and order it.


anyone done this before? any recommendations (e.g. extensions that solve the problems mentioned above)?
what'd you guys reckon to be the best way to realize this and why?

CHEERS and greetings!

Re: product landingpage - best way to implement/connect to OC?

Posted: Tue Aug 29, 2023 3:59 pm
by grgr
- OC template system. :-( all page builder extensions i found via marketplace where old or rated 'average'.
Why would you need this? It is a really simple little exension to use a template override. Here is something that I did a while back for one of my own stores ( I assume OC3, but same principle for OC2).

Code: Select all

<modification>
	<name>Product Page Template Override</name>
	<version>1.0</version>
	<code>vger_ppto</code>
	<author>grgr - vger.co.uk</author>
	
	<file path="catalog/controller/product/product.php">
        <operation>
            <search><![CDATA[
$this->response->setOutput($this->load->view('product/product', $data));
            ]]></search>
            <add position="replace"><![CDATA[
			if ($this->config->get('config_theme') == 'default') {
				$directory = $this->config->get('theme_default_directory');
			} else {
				$directory = $this->config->get('config_theme');
			}
			
			if ($directory != 'default' && is_file(DIR_TEMPLATE . $directory . '/template/product_id/product'.$product_id.'.twig')) {
				$this->response->setOutput($this->load->view('product_id/product'.$product_id, $data));
			} elseif (is_file(DIR_TEMPLATE . 'default/template/product/product.twig')) {
				$this->response->setOutput($this->load->view('product/product', $data));
			}
            ]]></add>
        </operation>
	</file>
</modification>

Re: product landingpage - best way to implement/connect to OC?

Posted: Tue Aug 29, 2023 4:35 pm
by littleredcar
grgr wrote:
Tue Aug 29, 2023 3:59 pm
- OC template system. :-( all page builder extensions i found via marketplace where old or rated 'average'.
Why would you need this? It is a really simple little exension to use a template override. Here is something that I did a while back for one of my own stores ( I assume OC3, but same principle for OC2).
i know how to actually assign a new template, cheers. ;D

maybe it was a bit unclear, what i meant:
1.) an OC "page builder" that gives me the opportunity to design and build the landingpages all inside OC (easy to use a product and checkout process, but slower than external hosted pure html landingpage and no full control over design such as animations and effects).
2.) manually build an external landingpage in html and somehow add a product from OC (full control over design and functionality, but technically difficult to include product incl. options and connect to OC checkout).

PS: after having slept over this topic once, i guess my preferred way to go would be 2.). :)

any ideas anyone on how to realize this?

greetings!

Re: product landingpage - best way to implement/connect to OC?

Posted: Fri Sep 01, 2023 3:17 pm
by littleredcar
no one ever used an OC product snippet on an external (landing)page, so far?
???

Re: product landingpage - best way to implement/connect to OC?

Posted: Fri Sep 01, 2023 4:59 pm
by by mona
The homepage is already a stand alone page in opencart.
You have given two different explanations as to what you want (for our purposes) you say a homepage and then ask about external page.
What you want to do (as per your original request for landing page) can be done by editing the home.tpl / using the template suggestion from grgr.
You would probably have to edit the home.php for the complete effect / use css.

What you want to do (as per your second request for external page) can be done using a modification that automatically adds to cart links - something like this
https://www.opencart.com/index.php?rout ... n_id=36520

Re: product landingpage - best way to implement/connect to OC?

Posted: Fri Sep 01, 2023 5:00 pm
by SohBH
Your product landing page should maintain a consistent design with your other webpages.

Re: product landingpage - best way to implement/connect to OC?

Posted: Fri Sep 01, 2023 8:53 pm
by littleredcar
SohBH wrote:
Fri Sep 01, 2023 5:00 pm
Your product landing page should maintain a consistent design with your other webpages.
as i said: this is supposed to be a standalone landing page which necessarily got NOTHING to do (visually!) with the rest of my shop (besides my logo).
i just do wanna use the existing OC order/payment platform behind it and save customer to the existing database

Re: product landingpage - best way to implement/connect to OC?

Posted: Fri Sep 01, 2023 9:18 pm
by littleredcar
by mona wrote:
Fri Sep 01, 2023 4:59 pm
You have given two different explanations as to what you want (for our purposes) you say a homepage and then ask about external page.
i said the one thing i wanna achieve:
"a single product page as a landingpage that will be promoted via instagram/google ads."
and i showed two possibe solutions i can think of to achieve this.
all i wanted to know was if someone has done something similar already. and which way he/she decided to go with (and why)...

by mona wrote:
Fri Sep 01, 2023 4:59 pm
What you want to do (as per your original request for landing page) can be done by editing the home.tpl / using the template suggestion from grgr.
You would probably have to edit the home.php for the complete effect / use css.
you mean by using the home.tpl as a base and duplicate it? i do NOT want the homepage of my shop to be a single-product-landingpage. landing should only be accessible via direkt link (from ads). so not a modification of the whole shop. rather a hidden addon product/page...

by mona wrote:
Fri Sep 01, 2023 4:59 pm
What you want to do (as per your second request for external page) can be done using a modification that automatically adds to cart links - something like this
https://www.opencart.com/index.php?rout ... n_id=36520
thanks, but i do have to include the product into the external page first.
and customers will have to choose between 6 options first (so its not a one-click-solution).
and i am gonna use a paypal express direct-checkout button on the landing page to skip the shop/cart/checkout completely until someone has bought the product...

Re: product landingpage - best way to implement/connect to OC?

Posted: Sat Sep 02, 2023 3:55 pm
by SohBH
As explained by mona, achieving your goal can be accomplished by making edits to the home.tpl file within a new Opencart installation set up in a subdirectory. By taking this approach, you can separate landing page cart and your main online shop.

Re: product landingpage - best way to implement/connect to OC?

Posted: Sat Sep 02, 2023 9:16 pm
by littleredcar
i can set up a different store with a new database and a completely different look, of course. :laugh:

wasnt the question/problem i was trying to solve, though...

Re: product landingpage - best way to implement/connect to OC?

Posted: Sat Sep 02, 2023 9:22 pm
by littleredcar
SohBH wrote:
Sat Sep 02, 2023 3:55 pm
you can separate landing page cart and your main online shop.
really got no idea how i should describe it better/in a different way:
i wanna use the VERY SAME TECHNICAL PLATFORM/DATABASE (which generates consecutive invoice numbers, etc.)!
just the visual appearance should be (completely) different for JUST ONE PRODUCT...

Re: product landingpage - best way to implement/connect to OC?

Posted: Sat Sep 02, 2023 11:17 pm
by SohBH
Sure, what's your current question? As previously mentioned by grgr, you can assign a new template for the header, product, and footer, for a completely different visual appearance for your specific product page. Opencart doesn't use a page builder, which means proficiency in HTML and CSS is essential for customizing your product page design.

Re: product landingpage - best way to implement/connect to OC?

Posted: Sun Sep 03, 2023 5:55 pm
by grgr
So if I am now reading this correctly, paraphrased as.
- independent (static) web page
- A product listing, picture etc. with an option dropdown to select
- A paypal button that goes straight to paypal
- someone buys the product
- Now record the sale in the opencart database as an order.

Re: product landingpage - best way to implement/connect to OC?

Posted: Sun Sep 03, 2023 6:29 pm
by littleredcar
grgr wrote:
Sun Sep 03, 2023 5:55 pm
So if I am now reading this correctly, paraphrased as.
- independent (static) web page
- A product listing, picture etc. with an option dropdown to select
- A paypal button that goes straight to paypal
- someone buys the product
- Now record the sale in the opencart database as an order.
EX.ACT.LY. :ok:

Re: product landingpage - best way to implement/connect to OC?

Posted: Mon Sep 04, 2023 9:50 pm
by littleredcar
mission (im)possible?

Re: product landingpage - best way to implement/connect to OC?

Posted: Thu Sep 07, 2023 8:09 am
by littleredcar
getting this custom done for me as an extension...

thanks, thread can be closed :-*