Shopping cart (0)
You have no items in your shopping cart.
Close
Menu

Profile: Deni

Avatar

User posts

mega-menu-responsive not showing
9 years ago

ubiquitas wrote:
Hello

So just doing my first site with your plugins, I've played about with the location of the menu (a little) all working fine except for the mega-menu-responsive is not showing. I don't think any javascript event is binding to the menu-title

Any ideas, you can see my test site (work in progress) at http://phoenix.ubiquitas.eu

Thanks in advance for any help :)

Miles


Hello,

The solution for your problem is :

1. Find this file: ~\Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Views\MegaMenu\MegaMenu.cshtml

2. In the beginning of the file you will see these lines:

Html.AddScriptParts("~/Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Scripts/jquery.lazyload.min.js");
    Html.AddScriptParts("~/Plugins/SevenSpikes.Core/Scripts/SevenSpikesExtensions.js");


3. Right after them you must add this line:

Html.AddScriptParts("~/Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Scripts/MegaMenu.js");


That is all. Now you rebuild the plug-in and everything will work fine.

Best Regards !

PDF Files on Custom Tab
9 years ago

vb_itis wrote:
Used this solution and works great.  Wonder if there is ability to further customize the format of what is displayed.  In the short description it says ''This description could also be shown on the public website with the attachment link itself."  How would that be done?  Basically would like to have the format something like

Title (size: MB)
Description


Hello,

You can show the description by changing the view file: ~\Plugins\SevenSpikes.Nop.Plugins.Attachments\Views\ProductAttachment\_Attachments.cshtml

You must find these lines:

<li>
                <a class="attachmentLink attachmentLinkImg" href="@url" title="@attachment.ShortDescription" data-videoembedcode="@videoEmbedCode" target="@openLinksInNewWindow">
                    <img src="@attachment.ImageUrl" alt="@attachment.ImageUrl" />
                </a>
                <a class="attachmentLink" href="@url" title="@attachment.ShortDescription" data-videoembedcode="@videoEmbedCode" target="@openLinksInNewWindow">@attachment.Name</a>
            </li>


and change them to this:

<li>
                <a class="attachmentLink attachmentLinkImg" href="@url" title="@attachment.ShortDescription" data-videoembedcode="@videoEmbedCode" target="@openLinksInNewWindow">
                    <img src="@attachment.ImageUrl" alt="@attachment.ImageUrl" />
                </a>
                <a class="attachmentLink" href="@url" title="@attachment.ShortDescription" data-videoembedcode="@videoEmbedCode" target="@openLinksInNewWindow">@attachment.Name</a>
                <p>@attachment.ShortDescription</p>
            </li>


Next you must rebuild the solution. Finally you can style the description via CSS. That is all.

Best Regards !

Default Image For "Use download URL"
9 years ago

vb_itis wrote:
How can you assign an image to be used when using a URL as opposed to a file.


Hello,

In the Attachment Settings there is a setting "Image". You can upload a image there and it will show up in the public site.

Best Regards !

Anywhere slider only on HomePage
9 years ago

denizern wrote:
Hi there,

I'm using Default Clear Theme on v3.30. I setup Anywhere Slider and added a Nivo slider on main_column_before widget zone. Everything goes fine but i don't want the slider to be shown on anypage else. It should be seen only on homepage.

Is there a way to do it or am i missing something on control panel?

Can anyone please help me?

Thanks


Hello,

You have to choose home_page_top instead of main_column_before widget zone.

Best Regards !

Feature Requests
9 years ago


If you do not use JCarousel for the product thumbs, then you can just go to this file: ~\Themes\Motion\Content\css\980.css , find these lines and comment them:

.gallery .picture-wrapper {
        width: 480px;
        float: left;
        font-size: 0;
    }
        .gallery .picture-wrapper:only-child {
            width: 100%;
            float: none;
        }
    .gallery .picture-thumbs {
        float: right;
    }
        .gallery .picture-thumbs a {
            display: block;
            margin: 0 0 10px !important;
            width: 90px;
            height: 90px;
        }


That is all you need.

Best Regards !

Feature Requests
9 years ago

vb_itis wrote:
The point of doing it would be to place the thumbnails where you want. To the point we would want them below all the time.  What changes in css needs to be set to accomplish this.  Thanks.


Hello,

If you have enabled JCarousel in your CloudZoom you can try this:

First you need to open this file: ~\Plugins\SevenSpikes.Nop.Plugins.CloudZoom\Themes\Motion\Views\CloudZoom\CloudZoom.cshtml and find this code:

jQuery('#carousel').jcarousel({
                vertical: true,
                scroll: 1,
                numVisible: 4,
                wrap: 'both',
                size: @imagesCount
            });


Change it to this:

jQuery('#carousel').jcarousel({
                vertical: false,
                scroll: 1,
                numVisible: 4,
                wrap: 'both',
                size: @imagesCount
            });


Next open this file: ~\Plugins\SevenSpikes.Nop.Plugins.CloudZoom\Themes\Motion\Content\jcarousel\jcarousel.css and replace its all content with this:

/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/*** CONTAINERS ***/


.jcarousel-skin-thumbs .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-thumbs .jcarousel-clip-horizontal {
  margin: 0 29px;
}

/*** NAVIGATION ***/


.jcarousel-skin-thumbs .jcarousel-prev-horizontal,
.jcarousel-skin-thumbs .jcarousel-next-horizontal {
    position: absolute;
    top: 0;    
    width: 20px;
  height: 90px;
  cursor: pointer;
}
.jcarousel-skin-thumbs .jcarousel-prev-horizontal {
    left: 0;
    background: #fff url('images/prev-horizontal.png') center no-repeat;
}
.jcarousel-skin-thumbs .jcarousel-next-horizontal {
    right: 0;
    background: #fff url('images/next-horizontal.png') center no-repeat;
}
.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:focus,
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
  border-color: #aaa;
  opacity: 0.7;
}
.jcarousel-skin-thumbs .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-thumbs .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-thumbs .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-thumbs .jcarousel-prev-disabled-horizontal:active, 
.jcarousel-skin-thumbs .jcarousel-next-disabled-horizontal,
.jcarousel-skin-thumbs .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-thumbs .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-thumbs .jcarousel-next-disabled-horizontal:active {
  cursor: default;
}

/*** THUMBNAILS ***/


.jcarousel-skin-thumbs .jcarousel-item-horizontal {
    margin: 0 10px 0 0;
}
.jcarousel-skin-thumbs .jcarousel-item-horizontal a {
  width: 82px;
  height: 82px;
    margin: 0; /*RESET*/
}
.jcarousel-skin-thumbs .jcarousel-item-horizontal:empty {
  display: none;
}

.gallery .picture-wrapper,
.gallery .picture-thumbs {
    float: none !important;
}

.gallery .picture-thumbs {
  overflow: hidden;
}
.gallery .picture-thumbs a {
  position: relative;
  float: left;
  width: 90px;
  height: 90px;
  margin: 0 !important;
  border: 1px solid #bbb;
  overflow: hidden;
  background: #fff;
}


Now you can add two images in this folder ~\Plugins\SevenSpikes.Nop.Plugins.CloudZoom\Themes\Motion\Content\jcarousel\images. They should be named "prev-horizontal.png" and "next-horizontal.png".

Bugs
10 years ago

vidabox wrote:
Image selection only works with "Enable the cloud zoom on the main product image.:" selected.

If the "Enable the cloud zoom..." is selected then the individual images can be selected in the quick view.  If that option is disabled you can no longer select individual images.


Hello,

This is how our plug-in works. You can not change the main image if you have not this setting enabled. Maybe the setting name misled you, but this setting enable/disable the gallery at all. If you have any suggestions for the plug-in, you can share them in our User-Voice Portal.

Best Regards!

Bugs
10 years ago

nabeel1983khan wrote:
After looking at the database I see it is saving the details but it does not show when u see the condition tabs again .... its not displaying those conditions we set from the database.

Thanks


Hello, can you please write to our support, giving link to your website and login credentials for it.

Best Regards !

How to swich off responsive feature?
10 years ago

rosegeng wrote:
I want Mobile and PC with same interface UI.


.  have deleted meta viewpoint

. changed configuration setting-> mobile, responsive.

but the website on mobile devices are still not right.

any instruction?


Thanks

http://dependableliving.nestreamtv.net/


Hello,

You can go to this folder: ~\Themes\Alfresco\Content\css and delete these files:
480.css , 480.rtl.css , 768.css , 768.rtl.css , 980.css , 980.rtl.css.

This is the change you need.

NOTE: THIS CAN CAUSE UNEXPECTED BEHAVIOUR AND IS HIGHLY NOT RECOMMENDED !

Many thanks.

It seems website is working in my direction now. There is a little issue, hope you can help me out.

MegaMenu is goone after I deleted the above .css files when I  rotate the iPad. (when screen width is less than 980px;)


Hello again,

You have to do some more changes:
1. Go to this file: ~\Themes\Alfresco\Views\Shared\Head.cshtml and comment this lines(Just by adding two slashes in front of each line):

Html.AppendCssFileParts("~/Themes/Alfresco/Content/CSS/768.rtl.css");
Html.AppendCssFileParts("~/Themes/Alfresco/Content/CSS/980.rtl.css");
Html.AppendCssFileParts("~/Themes/Alfresco/Content/CSS/480.rtl.css");

Html.AppendCssFileParts("~/Themes/Alfresco/Content/css/480.css");
Html.AppendCssFileParts("~/Themes/Alfresco/Content/css/768.css");
Html.AppendCssFileParts("~/Themes/Alfresco/Content/css/980.css");


2. Go to this file: ~\Themes\Alfresco\Content\scripts\Alfresco.js . Find this line:

themeBreakpoint: 980,


and make the number quite a big (e.g.):

themeBreakpoint: 6980,


3. Go to file: ~\Themes\Alfresco\Content\css\styles.css and delete this row(should be found twice) and the corresponding closing curly brackets:

@media screen and (min-width: 981px) {


In the end of the file add this code:

.header-menu .mega-menu {
    display: block !important;
}


That is all you need !

Checkbox styling
10 years ago

gadd wrote:
How is the checkbox styled in version 3.3. Changing the image checkbox.png has no affect. Image of the issue is here: http://organicwine.com.au/docs/nopTemplatesCheckBoxIssue.png


Hello,

The style you have commented is not the one that affects the checkbox.
You have to find this rule in this file: ~\Plugins\SevenSpikes.Nop.Plugins.AjaxFilters\Themes\Alfresco\Content\AjaxFilters.css 

.filtersGroupPanel li a:before {
        content: " ";
        display: inline-block;
        width: 8px;
        height: 8px;
        border: 1px solid #333;
        position: absolute;
        top: 50%;
        left: 10px;
        margin: -6px 0 0;
    }


and modify it to this:

.filtersGroupPanel li a:before {
        content: " ";
        display: inline-block;
        width: 8px;
        height: 8px;
        border: 1px solid #333;
        position: absolute;
        top: 50%;
        left: 10px;
        margin: -6px 0 0;
        border-radius: 50%;
    }


Just added border-radius.

That is all you need.

Best Regards !

Products

Resources

Support

About Us

Secure payment with

  • 2Checkout
  • Paypal
Copyright © 2024 Nop-Templates. Reproduction in whole or in parts is prohibited.