graphic problems with a responsive template
I'd like to change my template with a new responsive template one.
On my test site i noticed two issues.
First
The menù to chose the variants is vertical and so a little bit confused.
You can see it here:
www.gmonamour.netsons.org/en/negozio-onl...o/6-ceci-bio-vendita
In my actual template i have it orizontal and it is better.
How can i set it orizontal?
Second
Some Hikashop icones are quite double.
You can see them in my screenshot attached
How can i fix that?
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
The variants problem is a template issue. You have to remove the css property "display: block;" on the "label" in the file " www.gmonamour.netsons.org/templates/kaiser/css/formelements.css "
For the doubled images it's probably because there is a repeat applied on the images. Try to set the repeat to repeat: no-repeat; in css.
Please Log in or Create an account to join the conversation.
For the double images could you tell me what kind of the css file i have to work?
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
You have to edit the frontend css file in "Config > Display > CSS" and edit the class: .icon-32-add_cart to add the property: background-repeat: no-repeat;
Please Log in or Create an account to join the conversation.
perfect!
Solved!
Thanks a lot!
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
I'm sorry but i had to chage my template again!
Now i have the same problem tha you can see here: www.lacasettabio.it/en/negozio-online/pr...c-chickpeas-for-sale
Also on ceckout>adress i have the icon "change" out of its place. You can see it in my screenshot.
Could you help me again, please?
Thanks
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
It's a known issue which come from the template.
Some templates have a bad handling of joomla 3 bootstrap rules.
www.hikashop.com/en/forum/4-how-to/80674...floating.html#100190
www.hikashop.com/en/forum/4-how-to/77125...-hover-js.html#84203
www.hikashop.com/en/forum/4-how-to/80474...-checkout.html#99408
Best regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
Please Log in or Create an account to join the conversation.
How about for:
the menù to chose the variants is vertical and so a little bit confused.
Could you help me, please?
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
i tried to fix with Nicolas said:
Nevertheless, if you want to remove the class="modal" on a tags, you can change the code:
$this->getAttr($attr,'modal')
to:
$this->getAttr($attr,'')
in the file administrator/components/com_hikashop/helpers/popup.php
But it doesn't work.
Could you help me, please?
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
- Posts: 12953
- Thank you received: 1778
you should then try the second solution which is :
The proper solution would be to not use .modal but div.modal in the their extension's modal.less file.
Please Log in or Create an account to join the conversation.
Would you be so kind to give me more detailed instructions, please
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
You have to edit the tempalte css file in order to replace the .modal class properties to div.modal.
By this way it will not display the edit buttons in popup.
Please Log in or Create an account to join the conversation.
Could you give me more information about it, please?
How about for:
the menù to chose the variants is vertical and so a little bit confused.
Could you help me, please?
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
Taken from your website:
www.lacasettabio.it/templates/kallyas/cs...es-..%2Fcss%2Fcustom
In this CSS file:
.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:none;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
Please Log in or Create an account to join the conversation.
But i'm not be able to find it.
You mean in the file:
template>kallyas>css>template.css
Is it correct?
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
- Posts: 12953
- Thank you received: 1778
Please Log in or Create an account to join the conversation.
But I have found it. It was in the file "bootstrap.css" !!!
I do not know why you had another file, but it does not matter.
It is solved.
For the issue
the menù to chose the variants is vertical and so a little bit confused.
I solved by myself it was the css property "display: block; Always on "bootstrap.css" file.
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.
There is something strange and wrong as you can see on my screenshot.
I have the same problem with my test site where i didn't change the template modal class.
Could you help me please?
my site with Hikashop
www.lacasettabio.it
Please Log in or Create an account to join the conversation.