Styling & Positioning Hikashop Registration Form

  • Posts: 37
  • Thank you received: 5
10 years 2 months ago #190735

-- url of the page with the problem -- : smart-drones.com/login
-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.3.6
-- Browser(s) name and version -- : Firefox

EDIT: It appears as though I have accidentally posted this question in the wrong forum category, many apologies!

Hi everyone,

I would like to Customize my Shop landing page below to look like the picture below...

Here is a link to the page: www.smart-drones.com/login

I want my user registration/login page to look like this...



I am using the Purity III template from Joomlart, here is a shot of the Module layout positions...



For the registration page I am using the Hikashop registration page menu item.

The registration form is automatically displayed as the 'main content' in the position "Component".

Then I am displaying the login form in the position "sidebar-2" to the right.

However, as it is a component on specific page I can not position the registration form. I am unsure what css I need to change to display like the mockup image above?

Sincerest regards,

Jethro.

Attachments:
Last edit: 10 years 2 months ago by Jethro.

Please Log in or Create an account to join the conversation.

  • Posts: 83741
  • Thank you received: 13548
  • MODERATOR
10 years 2 months ago #190763

Hi,

First, do not display your login module in the sidebar.
Then, turn off the "ask address during registration" option of the Hikashop configuration in order to remove the address fields since you don't want them.
Then, edit the file "form" of the view "user" via the menu Display>Views of HikaShop and add a tag from the extension called ModulesAnywhere at the end of the file in order to display the login module on the registration form page.

Then, you'll just need a bit of CSS to arrange the registration form and the login form on the page with some float and width CSS lines of code. Here is a tutorial where we explain the basics of how to customize the CSS of your pages:
www.hikashop.com/support/support/documen...ize-the-display.html

The following user(s) said Thank You: kitkat, Jethro

Please Log in or Create an account to join the conversation.

Time to create page: 0.046 seconds
Powered by Kunena Forum