Hikashop Cart Module

  • Posts: 56
  • Thank you received: 1
2 years 4 months ago #345870

I have created two cart module, one for mobile version, one for desktop version. I want to change the icon layout in mobile version to wording 'My Cart' and for desktop version, as the default mini cart icon. Is there any way to do this?

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

  • Posts: 4785
  • Thank you received: 649
  • MODERATOR
2 years 4 months ago #345875

Hello,

First note that HikaShop is responsive, and so for us (unless we are missing something to fully understand) you don't need to create 2 modules.

Now, in order to have a module which would have two very different displays depending on the size of the screen, follow me step by step :
1. Learn here how to add custom css command
2. Then you can use the @media commands in order define specific css for required sreen size
Learn more, here .
3. Create your relative command for your module and add them to your frontend css file.
Example :

.html_modul_class {
        // Your Css command
    }
    @media screen and (max-width: 600px) {
        .html_modul_class {
            // Your Css command
        }
    }
4. For your specific text need, note that on a side you can "hide" unwanted text :
Example :
.html_text_class {
        display: none;
    }
And on the other side, add some text via Css command :
Learn more, here
.html_text_class_container::after {
        content:" your text";
    }

Hope this will help you to achieve your needs.
Regards

Last edit: 2 years 4 months ago by Philip.
The following user(s) said Thank You: jiawen

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

  • Posts: 56
  • Thank you received: 1
2 years 4 months ago #345904

Ok can works. Thank you!

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

Time to create page: 0.059 seconds
Powered by Kunena Forum