[Skip to main content](#vessel-content) # Dynamic checkout page ## - **[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")** - [![SnoozeULooze.co.za's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") Topic Author - [ Offline](/forum/user/28906-snoozeulooze-co-za) Less More - Posts: 104 - Thank you received: 2 - - 7 years 5 months ago [\#306919](#306919) by [SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") *[Dynamic checkout page](/forum/27-checkout/897536-dynamic-checkout-page#306919 "-- HikaShop version -- : 4.0.2 Hi I have two questions. Question 1: We sell online courses as a result an individual can only register once for a course, is it possible to as soon as a person clicks the "Add to Cart" change the button into a proceed to checkout button. Question 2: Is it possible to setup the checkout page to look like the attached images, so that if they use a phone or tablet the sections are listed below one another the way it currently looks, but that on a larger screen the sections are listed next to each other. Laptop Phone")* was created by *[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")* -- HikaShop version -- : 4.0.2 Hi I have two questions. Question 1: We sell online courses as a result an individual can only register once for a course, is it possible to as soon as a person clicks the "Add to Cart" change the button into a proceed to checkout button. Question 2: Is it possible to setup the checkout page to look like the attached images, so that if they use a phone or tablet the sections are listed below one another the way it currently looks, but that on a larger screen the sections are listed next to each other. **Laptop** [ ![Widescreen.png](/forum/attachment/46864) ](/forum/attachment/46864 "Widescreen.png") **Phone** [ ![Phone.png](/forum/attachment/46863) ](/forum/attachment/46863 "Phone.png") - [ ![Phone.png](/forum/attachment/46863) ](/forum/attachment/46863 "Phone.png") [ ](/forum/attachment/46863?download=1 "Phone.png") - [ ![Widescreen.png](/forum/attachment/46864) ](/forum/attachment/46864 "Widescreen.png") [ ](/forum/attachment/46864?download=1 "Widescreen.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5NzUzNi1keW5hbWljLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86358 - Thank you received: 14292 - - 7 years 5 months ago [\#306927](#306927) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Dynamic checkout page](/forum/27-checkout/897536-dynamic-checkout-page#306927 "-- HikaShop version -- : 4.0.2 Hi I have two questions. Question 1: We sell online courses as a result an individual can only register once for a course, is it possible to as soon as a person clicks the "Add to Cart" change the button into a proceed to checkout button. Question 2: Is it possible to setup the checkout page to look like the attached images, so that if they use a phone or tablet the sections are listed below one another the way it currently looks, but that on a larger screen the sections are listed next to each other. Laptop Phone")* Hi, For both questions, it's possible but will require some custom view overrides with some PHP code. Nothing to fancy, but it still requires a bit of development. If you would like us to work on that for you, you can use our contact form to request a quote on that job: [ www.hikashop.com/support/contact-us.html](https://www.hikashop.com/support/contact-us.html) Make sure you include a link to this thread in your message. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5NzUzNi1keW5hbWljLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")** - [![SnoozeULooze.co.za's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") Topic Author - [ Offline](/forum/user/28906-snoozeulooze-co-za) Less More - Posts: 104 - Thank you received: 2 - - 7 years 5 months ago [\#307225](#307225) by [SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") Replied by *[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")* on topic *[Dynamic checkout page](/forum/27-checkout/897536-dynamic-checkout-page#307225 "-- HikaShop version -- : 4.0.2 Hi I have two questions. Question 1: We sell online courses as a result an individual can only register once for a course, is it possible to as soon as a person clicks the "Add to Cart" change the button into a proceed to checkout button. Question 2: Is it possible to setup the checkout page to look like the attached images, so that if they use a phone or tablet the sections are listed below one another the way it currently looks, but that on a larger screen the sections are listed next to each other. Laptop Phone")* Hi Nicolas I managed to sort the column layout out it was actually surprisingly easy to do, I will post the code once I have got it working completely. You said changing the "Add to Cart" button to a "Proceed to checkout" button once an individual has clicked on it should not be to difficult to do, could you please give me some guidance as to how I would achieve this Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5NzUzNi1keW5hbWljLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86358 - Thank you received: 14292 - - 7 years 5 months ago [\#307232](#307232) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Dynamic checkout page](/forum/27-checkout/897536-dynamic-checkout-page#307232 "-- HikaShop version -- : 4.0.2 Hi I have two questions. Question 1: We sell online courses as a result an individual can only register once for a course, is it possible to as soon as a person clicks the "Add to Cart" change the button into a proceed to checkout button. Question 2: Is it possible to setup the checkout page to look like the attached images, so that if they use a phone or tablet the sections are listed below one another the way it currently looks, but that on a larger screen the sections are listed next to each other. Laptop Phone")* Hi, Note that next version of HikaShop will have a system to handle multiple columns layout in the checkout: [ monosnap.com/file/ah3NB1A4WHAOP514RRUgrfpzxiMLdH](https://monosnap.com/file/ah3NB1A4WHAOP514RRUgrfpzxiMLdH) [ monosnap.com/file/JvkLJkrsIJzbmQCAzzE3NhgOCyWlFt](https://monosnap.com/file/JvkLJkrsIJzbmQCAzzE3NhgOCyWlFt) Regarding the add to cart buttons, if you want to change the text of the button to "proceed to checkout" instead, you can use a translation override: [ www.hikashop.com/download/languages.html#modify](https://www.hikashop.com/download/languages.html#modify) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5NzUzNi1keW5hbWljLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")** - [![SnoozeULooze.co.za's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") Topic Author - [ Offline](/forum/user/28906-snoozeulooze-co-za) Less More - Posts: 104 - Thank you received: 2 - - 7 years 5 months ago - 7 years 5 months ago [\#307266](#307266) by [SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") Replied by *[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")* on topic *[Dynamic checkout page](/forum/27-checkout/897536-dynamic-checkout-page#307266 "-- HikaShop version -- : 4.0.2 Hi I have two questions. Question 1: We sell online courses as a result an individual can only register once for a course, is it possible to as soon as a person clicks the "Add to Cart" change the button into a proceed to checkout button. Question 2: Is it possible to setup the checkout page to look like the attached images, so that if they use a phone or tablet the sections are listed below one another the way it currently looks, but that on a larger screen the sections are listed next to each other. Laptop Phone")* Hi Nicolas I don't want to simply change the text, what I would like is a button that states "Add to Cart" when some one clicks on it the product is added to the cart and the button text for that product changes to "Proceed to checkout" or "View Cart" the other products must still state "Add to cart" until they have been added if the person then clicks on the button again it proceeds to checkout. Thanks for letting me know about the multi column setup, do you have any idea when the next version will be released. Last edit: 7 years 5 months ago by [SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5NzUzNi1keW5hbWljLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86358 - Thank you received: 14292 - - 7 years 5 months ago [\#307269](#307269) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Dynamic checkout page](/forum/27-checkout/897536-dynamic-checkout-page#307269 "-- HikaShop version -- : 4.0.2 Hi I have two questions. Question 1: We sell online courses as a result an individual can only register once for a course, is it possible to as soon as a person clicks the "Add to Cart" change the button into a proceed to checkout button. Question 2: Is it possible to setup the checkout page to look like the attached images, so that if they use a phone or tablet the sections are listed below one another the way it currently looks, but that on a larger screen the sections are listed next to each other. Laptop Phone")* Hi, 1. So there are two things then: - You can edit the view files displaying the add to cart buttons. For example product/quantity.php for the product page. There, you'll want to change the code displaying the add to cart button: Code: if($add_to_cart) { ?> <a class="<?php echo $css_button . ' ' . $css_button_cart; ?>" href="<?php echo hikashop_completeLink('product&task=updatecart&add=1'); ?>" onclick="if(window.hikashop.addToCart) { return window.hikashop.addToCart(this); }" data-addTo-div="<?php echo $this->row->formName; ?>" data-addToCart="list" data-addTo-class="add_in_progress"><span><?php echo JText::_('ADD_TO_CART'); ?></span></a> <?php } You'll have to get the cart and loop through the products in it to check if the product is already in there. If no, then you can display the normal add to cart link, and if yes, you can display a link to the checkout. That way when you display a page with that product on it, and the product in already in the cart, you'll get the "proceed to checkout" button instead. [ www.hikashop.com/forum/wishlist/897446-c...n-status.html#306467](https://www.hikashop.com/forum/wishlist/897446-changing-the-wishlist-button-status.html#306467) - If you want the link to dynamically change after clicking on it (without any full page reload), it will require also having some javascript added to the onclick of the add to cart link to change its text, its onclick and its href to point to the checkout page. 2. Hard to say for now. We're still in the middle of the development phase for the next release. Ideally, I would like to release it before August. It won't be in the next 2 weeks. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5NzUzNi1keW5hbWljLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.057 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)