Install instruction for OffCanvas Shopping Cart

3 years 10 months ago
Posts: 954
More
Topic Author
Install instruction for OffCanvas Shopping Cart #2872
1) Install Vmuikit offcanvas module, make sure its enabled in module manager.
2) add below html tag in your custom module and make position to show in your website ( Or ) add below html tag in your file. When you click it, You can see one page offcanvas in your site. you can put this code in more places in same page (top, footer.. wherever).

<a id="cartcanvas" href="Javascript:void(0);" data-uk-offcanvas="{target:'#canvasdiv'}"><span id="totalproducts" class="offcanvas_totalproducts uk-text-bold"></span><i class="uk-icon uk-icon-small uk-icon-shopping-cart"></i></a>

If you want mobile cart position in mobile view, Please create position in theme.php and assign module to this position.

<?php if ($this->count('mobilecart')) : ?>
<div id="mobilecart" class="uk-align-right uk-visible-small">
<?php echo $this->render('mobilecart'); ?>
</div>
<?php endif; ?>

You need to add some custom css to make mobile cart to be good.

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

3 years 10 months ago
Posts: 36
More
Install instruction for OffCanvas Shopping Cart #2875
I tried your instruction but unfortunately I still do not see the mobile cart.

1) Install Vmuikit offcanvas module, make sure its enabled in module manager.
At what position should we enable this module?

( Or ) add below html tag in your file. When you click it, You can see one page offcanvas in your site.
In which file?
Click what?

I am sorry but I do not understand exactly what I need to do to make the module work.
I did add the code to file "/layouts/theme.php" and have put my custom html module at the position "mobilecart"

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

3 years 10 months ago
Posts: 1284
More
Install instruction for OffCanvas Shopping Cart #2876
Hello chaldama,

1) you can enable any position which available in your template. i suggest to use "debug" position.
2) Please create a custom module with this html tag "<a id="cartcanvas" href="Javascript:void(0);" data-uk-offcanvas="{target:'#canvasdiv'}"><span id="totalproducts" class="offcanvas_totalproducts uk-text-bold"></span><i class="uk-icon uk-icon-small uk-icon-shopping-cart"></i></a>" . and enable this module where you want to display canvas module. then you can see them in your site.
Thanks

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

3 years 10 months ago
Posts: 36
More
Install instruction for OffCanvas Shopping Cart #2877
Aha, OK thank you.
I now used the logo-small position but actually I would like to have it positioned at the right of the offcanvas bar, like in your demo.
I added this: tolayout/theme.php and tried assigning my custom html module to this position but that did not work.

<?php if ($this->count('mobilecart')) : ?>
<div id="mobilecart" class="uk-align-right uk-visible-small">
<?php echo $this->render('mobilecart'); ?>
</div>
<?php endif; ?>

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

3 years 10 months ago
Posts: 1284
More
Install instruction for OffCanvas Shopping Cart #2878
Please check you added correct html, position and make sure you enabled module to all menus.

If you still facing any problem, please email (This email address is being protected from spambots. You need JavaScript enabled to view it.) us with your site details and admin acess

Thanks

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

3 years 10 months ago
Posts: 36
More
Install instruction for OffCanvas Shopping Cart #2889
Ok mani, thank you, I just sent you an email.

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

3 years 10 months ago
Posts: 36
More
Install instruction for OffCanvas Shopping Cart #2891
My mails are returned:

This is the mail system at host Wremier-new.wnmedia.se.

I'm sorry to have to inform you that your message could not
be delivered to one or more recipients. It's attached below.

For further assistance, please send mail to postmaster.

If you do so, please include this problem report. You can
delete your own text from the attached returned message.

The mail system

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

3 years 8 months ago
Posts: 16
More
Install instruction for OffCanvas Shopping Cart #3296
The offcanvas cart does not work if you use module postion debug for the offcanvas module in joomla 3.4.6 or3.4.5. (I have not checked older versions.)
Also, placing the cart (custom html module) link in the toolbar position in yootheme salt gives unexpected resutls.

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

3 years 8 months ago
Posts: 1284
More
Install instruction for OffCanvas Shopping Cart #3303
Ok strange.
can you send your site details to This email address is being protected from spambots. You need JavaScript enabled to view it.. so we will take look on it.
Thanks

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

3 years 8 months ago
Posts: 16
More
Install instruction for OffCanvas Shopping Cart #3307
Thanks,

I thought the toolbar position was creating a problem. The problem was all elements from the main page appearing in the off-canvas cart.
This has happened on other occasions the cart in other positions, so the toolbar is not the problem. I think the cause was having the offcanvas cart module in the footer. I have moved it to a position that contains no other modules, and so far that seems to be working.
I have emailed you about another, more important, problem I'm having.

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

Time to create page: 0.155 seconds
Powered by Kunena Forum

Latest News from JoomlaPro.com

VMuikit 5 is finally out!

Our next version of our popular VMuikit package is out. This time we have some quite nice new features.

Electroneum Joomla/VirtueMart plugins

JoomlaPro.com are not only web & Joomla enthusiast, we cannot stay away from checking other tech trends as well. The last few years its been hard to miss the crypto/blockchain ...

New plugin: Secure Joomla Login

We have released a new plugin that adds a extra PIN code and a reCaptcha v2 check on Joomlas login. Security is very important on all fronts of a website. One often missed one is ...

We accept PayPal, 2Checkout & Electroneum payments:

We accept PayPal payments    We accept 2checkout payments  electroneum payment


For news and updates please like :