Profile: Deni

Hi, 

Sorry, forgot to mention that you have to add class to the "Download Picture" link:

<div><a href="@Model.DefaultPicture.FullSizeImageUrl" target="_blank" class="downloadPictureLink">Download Picture</a></div>

That`s it !

Hi, 

We have not released our products for v3.70. We will have a official release note when this is done and I think this will be tomorrow.

Hi, 

I must emphasize that our script works fine.

The problem is that both we and the hotjar uses bad practice and this caused to collision between our scripts.

So, to improve our code, we decided to modify the way our scripts work and in the new 3.70 version we have sevenSpikes object which will hold all our methods. Maybe hotjar should do the same.

Because we do not plan to merge all these changes back to 3.40, we have a workaround for this. It applies for all versions before 3.70.

1. Make a global search and replace in the nopCommerce folder. Find this: .isMobile() and replace it with: .isMobile7Spikes().

2. Go to the /Plugins/SevenSpikes.Nop.Plugins.Core/Scripts/SevenSpikesExtensions.js file and replace this: isMobile: and replace it with: isMobile7Spikes:


I hope this helped !

Hi, 

We can make the link to be changed on change of the main image.

To do this, you have to find the /Plugins/SevenSpikes.Nop.Plugins.CloudZoom/Views/CloudZoom/CloudZoom.cshtml file and find the <div class="picture-thumbs"> element. Before its closing tag add this code:

<script type="text/javascript">
  (function() {
    $('.cloud-zoom-gallery').on('click', function() {
      $('.downloadPictureLink').attr('href', $(this).attr('href'));
    });
  })();
</script>

I hope this helped !

Hi, 

If you want to do it only for the Traction theme, then copy this file: /Views/Checkout/Confirm.cshtml to this folder: /Themes/Traction/Views/Checkout.

Now edit the new file. Find this code:

<div class="terms-of-service">
  <input id="termsofservice" type="checkbox" name="termsofservice" />
  <span>@T("Checkout.TermsOfService.IAccept")<a class="read" onclick="javascript:OpenWindow('@Url.RouteUrl("TopicPopup", new { SystemName = "conditionsofuse" })', 450, 500, true)">@T("Checkout.TermsOfService.Read")</a></span>
</div>

and replace it with this one:

<div>@T("the_resource_for_the_terms_of_service")</div>
<div class="terms-of-service">
  <input id="termsofservice" type="checkbox" name="termsofservice" />
  <label for="termsofservice">@T("Checkout.TermsOfService.IAccept")</label>
</div>

Now you can use any existing resource or create a new one.


I hope this helped !

Hi, 

Please let us know if you are using our One Page Checkout plugin or not, so we can guide you to the correct file.

Hi, 

Since the topic setting "Include in top menu" was added back in 3.50 (which was released on 8th of December 2014), we support the getting of topics per store.

I have just tested the topics showing per store and it is working fine. 

Please check if your multi-store is correctly set up and the setting "Ignore "limit per store" rules (sitewide)" is unchecked.

Hi, 

As I said you have to put the code right before the closing tag of the <div class="gallery sevenspikes-cloudzoom-gallery"> element.

Your code should look like this:

<div class="gallery">
  <div class="picture" id="sevenspikes-cloud-zoom" data-zoomWindowElementId="@Model.ElementId" 
   data-selectorOfTheParentElementOfTheCloudZoomWindow="@Model.SettingsModel.SelectorOfTheParentElementOfTheCloudZoomWindow" 
   data-defaultImageContainerSelector="@Model.SettingsModel.DefaultImageContainerSelector">
    <a href="@Model.DefaultPicture.FullSizeImageUrl" class="cloud-zoom" id="zoom1" rel="@Model.DefaultPicture.DefaultRelation">
      <img src="@Model.DefaultPicture.SmallImageUrl" alt="@Model.DefaultPicture.AlternateText" title="@Model.DefaultPicture.Title" id="cloudZoomImage" />
    </a>
  </div>
  @if (Model.Pictures.Count > 1)
  {
    <div class="picture-thumbs">
      @if (Model.SettingsModel.EnablePictureThumbnailsInCarousel)
      {
        <ul id="carousel" class="jcarousel jcarousel-skin-thumbs">
          @foreach (var picture in Model.Pictures)
          {
            <li><a href="@picture.FullSizeImageUrl" class="cloud-zoom-gallery" title="@picture.Title" rel="@picture.GalleryRelation">
              <img class="cloud-zoom-gallery-img" src="@picture.TinyImageUrl" alt="@picture.AlternateText" title="@picture.Title"/>
            </a></li>
          }
        </ul>
      }
      else
      {
        foreach (var picture in Model.Pictures)
        {
        <a href="@picture.FullSizeImageUrl" class="cloud-zoom-gallery" title="@picture.Title" rel="@picture.GalleryRelation">
          <img class="cloud-zoom-gallery-img" src="@picture.TinyImageUrl" alt="@picture.AlternateText" title="@picture.Title" />
        </a>
        }
      }
    </div>
  }




  <div><a href="@Model.DefaultPicture.FullSizeImageUrl" target="_blank">Download Picture</a></div>
</div>

I hope this helped !

Hi, 

It is strange that the link is not visible, but it does not matter, because I have thought of even a better way for showing this link. Remove the code I gave you and place this code:

<div><a href="@Model.DefaultPicture.FullSizeImageUrl" target="_blank">Download Picture</a></div>

into this file: /Plugins/SevenSpikes.Nop.Plugins.CloudZoom/Views/CloudZoom/CloudZoom.cshtml right before the closing tag of the <div class="gallery sevenspikes-cloudzoom-gallery"> element.

Other way to download the image is to left-click on the image. This will open the high resolution image in popup and then the customer will be able to download the full-size image.


I hope this helped !

Hi, 

Yesterday were creating the new deploy process for the upcoming v3.70 and by accident broke the 3.60 packages. Please do not use the package with build number between #18379 and #18393.

We have just started the deploy process again and it will be ready in less than an hour. Please update your products after that.


Sorry for the inconvenience!