[Skip to main content](#vessel-content)

#   Custom html modifications in the Checkout page

##

- **[Helveticus](/forum/user/20683-helveticus "View Helveticus's Profile")**
- [![Helveticus's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/20683-helveticus "View Helveticus's Profile") Topic Author
- [ Offline](/forum/user/20683-helveticus)

Less More

- Posts: 19
- Thank you received: 0
-
-

12 years 7 months ago -  12 years 7 months ago [\#147492](#147492) by [Helveticus](/forum/user/20683-helveticus "View Helveticus's Profile")  *[Custom html modifications in the Checkout page](/forum/27-checkout/866481-custom-html-modifications-in-the-checkout-page#147492 "-- url of the page with the problem -- localhost -- HikaShop version -- : 2.2.3 -- Joomla version -- :2.5.17 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : FreFox 27.0.1 -- Error-message(debug-mod must be tuned on) -- : Error&#95;message  Hi,  In HK's Checkout page, I would like to enclose the login and registration sections within a tab. The tab header anchors should be inserted just below the &quot;#hikashop&#95;checkout&#95;login&quot; div wrapper as shown. Is it possible? If so, where should I append the html anchor tab code? (Sorry, if this is not the correct forum.)  TIA  The current html code looks as follows:")* was created by *[Helveticus](/forum/user/20683-helveticus "View Helveticus's Profile")*

-- url of the page with the problem -- localhost
-- HikaShop version -- : 2.2.3
-- Joomla version -- :2.5.17
-- PHP version -- : 5.3.13
-- Browser(s) name and version -- : FreFox 27.0.1
-- Error-message(debug-mod must be tuned on) -- : Error_message

Hi,

In HK's Checkout page, I would like to enclose the login and registration sections within a tab. The tab header anchors should be inserted just below the "#hikashop_checkout_login" div wrapper as shown. Is it possible? If so, where should I append the html anchor tab code? (Sorry, if this is not the correct forum.)

TIA

The current html code looks as follows:
Code:

&lt;div class="hikashop_checkout_login row-fluid" id="hikashop_checkout_login"&gt; &lt;!-- To add: Would like to insert the tab header anchors here. For instance: [color=#000044] &lt;ul id="tabsCheckout"&gt; &lt;li&gt;&lt;a href="#hikashop_checkout_login_left_part"&gt;Login&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#hikashop_checkout_login_right_part"&gt;Register&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;[/color] --&gt; &lt;div class="hikashop_checkout_login_left_part span4" id="hikashop_checkout_login_left_part"&gt; .... &lt;/div&gt; &lt;div class="hikashop_checkout_login_right_part span8" id="hikashop_checkout_login_right_part"&gt; ... &lt;/div&gt; &lt;/div&gt;

Last edit: 12 years 7 months ago by [Helveticus](/forum/user/20683-helveticus "View Helveticus's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2NjQ4MS1jdXN0b20taHRtbC1tb2RpZmljYXRpb25zLWluLXRoZS1jaGVja291dC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

12 years 7 months ago [\#147511](#147511) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Custom html modifications in the Checkout page](/forum/27-checkout/866481-custom-html-modifications-in-the-checkout-page#147511 "-- url of the page with the problem -- localhost -- HikaShop version -- : 2.2.3 -- Joomla version -- :2.5.17 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : FreFox 27.0.1 -- Error-message(debug-mod must be tuned on) -- : Error&#95;message  Hi,  In HK's Checkout page, I would like to enclose the login and registration sections within a tab. The tab header anchors should be inserted just below the &quot;#hikashop&#95;checkout&#95;login&quot; div wrapper as shown. Is it possible? If so, where should I append the html anchor tab code? (Sorry, if this is not the correct forum.)  TIA  The current html code looks as follows:")*

Hi,

Yes to should be possible.
You can override HikaShop views so you can have the display you want.
If you want to have tabs instead of the current switcher, you can integrated it in the HikaShop views.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2NjQ4MS1jdXN0b20taHRtbC1tb2RpZmljYXRpb25zLWluLXRoZS1jaGVja291dC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; 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.052 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
