Formatting shopping cart

-- HikaShop version -- : latest
-- Joomla version -- : 3.1

Hello,

The shopping cart process is great and easy to setup however when I go to place an order the field get lost under my right column.

Is there a way of making this dynamic or moving the registration fields below the login section? See attached.

Hi,

If your template is responsive, so you can enable the option "Use Bootstrap" in Configuration > Display > Main.
This way the content will automatically go below the login section.

If your template is not responsive, so you will have to add some css properties or edit the view "checkout / login".

www.hikashop.com/support/support/documen...ize-the-display.html

Hi,

My site was developed to be fixed however I did change it to responsive and still got the same issue. See attached hika1.jpg

Both files attached use responsive and fixed.

URL is www.naturalsports.ca and I am testing using the following product. www.naturalsports.ca/natural-sports-fish...ourkvd-cranking.html

I would really appreciate some advice on this. I am okay at changing CSS look and feel however module positions within the template is beyond my skillset.

Thanks,

Martin

Hi
registration and login section have no bootstrap span . the width of the main component content is 6 span1 so set span6 to the both sections so that they take the entire width space ( to avoid a sort of css inline and have a css block behaviour) .so create 2 rows of span6 . each row are limited to 6 span1
Don't know if managemodule is the way to solve your problem.

regard's

---

STUDY OF THE TEMPLATE

---

1) black color : there is many same selector beetween bootstraps selector .
very too many html tag wrapper

2) red color
.span6 > .row-fluid > .span12 . the number 12 seem wrong since it must be < 6 . You havet 2 area so span3+span3 or span4+span2. you can test www.bootply.com/

3)you use a bootstrap12 grid column with template jsn teki with no easy link to documentation .
www.slideshare.net/joomlashine/jsn-tekiconfigurationmanual

4) I don't see the use of spanx inside row-fluid

regard's

if you have a look to bootstrap 2 !! website documentation getbootstrap.com/2.3.2/scaffolding.html
you have to insert spanX inside html tag element than contain row-fluid

Hello,
I think that a solution can be to use Media queries through your CSS file, here is a thread where you'll find an example :

You can do the modifications in the frontend css file via the menu Configuration > Display > CSS
Use the @media tags to change the width of the columns when the width of the page is less than xx.

ex:
@media (max-width: 767px) {
.hikashop_products .row-fluid .span4 { width: 49% !important;}
}

Here is some documentation about the layout customization:
www.hikashop.com/support/documentation/1...ize-the-display.html

hi
bootstrap is use but we don't have information about it . We have to study the page or read the template documentation .
Bootstrap grid :
*version 2.xx 3.xx ? , wich xxx
*fixed or fluid ?
*responsive or not ?
*mediaquery ?

@mdraeger
Did you resolve your issue ?

regard's