Profile: Support

Hi,

There are several ways of doing this. You can use the Category/Manufacturer description where you can upload your images and enter html for it. You can use the html editor in order to position and style the banners as you wish.

Another way is to use the Nop Anywhere Sliders and create a slider for each banner and map it to the categorydetails_top widget zone. You will need again to add some custom styling so that the banners are positioned correctly.

The third option is to use the Nop Html Widgets, create a widget, enter the html with the banners and again map it to the categorydetails_top widget zone.

Hope that helps!

Hi Thomas,

Thank you for your feedback!

It was actually a bug that we have fixed. In order to integrate the fix you can edit your Plugins\SevenSpikes.Nop.Plugins.ProductRibbons\Styles\Ribbons.common.css file as shown below:

.ribbon-text {
  border-radius: 3px;
  box-shadow: inset 0 1px 0 #ea2626, 0 1px 2px #999;
  background: #c00; /*old browsers*/
  background: linear-gradient(#e60000 0%,#b30000 100%);
  padding: 7px 10px;
        font-size: 12px;
}

The line in bold is the one that should be added.

Thus by default the ribbon text will be 12px. If you want to change this you can do this per ribbon from the administration of the plugin. There is a textbox called "Ribbon text style:" where you can enter styles for the text on the ribbon.
You can also change the styles for the ribbon itself by entering your style in the "Ribbon style:" textbox.

Hope that helps!

Hi,

You can create a theme derived from the Nop Lighthouse theme but you should make some changes in order to make it work:

1. In the Themes/MyLighthouse/Views/Shared/Head.cshtml file change the paths to all css and js files so that the ones from the MyLighthouse folder are reference, so just replace the Lighthouse word with the MyLightouse in the paths for the files.
2. In the theme there are locale resources used which you can change to a different values if you intend to have different resource values fro the both themes. For example the "SevenSpikes.Themes.Lighthouse.Common.FollowUs" resource name has a value of "Follow Us" which is displayed in the footer. So if you want to have different values in the different themes you can change the resource name to SevenSpikes.Themes.MyLighthouse.Common.FollowUs in the Themes/Lighthouse/Views/Common/Footer.cshtml file and then add this resources with its value in the administration. But I suppose you will not need to have different resource values in the different themes.
3. I believe you will have the same logo for the two themes.

If you have any further queries or need some additional information, please let us know!

Best Regards!

Hi Alex_,

If you want to add the Add To Wishlist button on a category page you need to use the following code in the Themes/Motion/Views/Catalog/_ProductBox.cshtml file:

  @if (!Model.ProductPrice.DisableWishlistButton)
                {
                    <div class="add-to-wishlist">
                        <input type="button" id="[email protected]" class="button-2 add-to-wishlist-button" value="@T("ShoppingCart.AddToWishlist")" data-productid="@Model.Id" onclick="AjaxCart.addproducttocart_details('@Url.RouteUrl("AddProductToCart-Details", new { productId = Model.Id, shoppingCartTypeId = (int)ShoppingCartType.Wishlist })', '#product-details-form');return false;" />
                    </div>
                }

However you should have the following in mind if you intend to have a wishlist on catalog pages(category, manufacturer, vendor, etc.)

- The wishlist button is implemented so that it works on a product page and if a product has attributes they need to be chosen, so if you have products with attributes and click the add to wishlist on a category page you will have a notification that you need to select the given attributes.
- The wishlist button is valid only for simple products so if you have a grouped product the Add To Wishlist button will not appear on a category page.

Hope that helps!

Hi hayco83,

Thank you for your feedback!

This was actually a bug that we had fixed and uploaded on our site. In order to integrate the fix you need to download the theme again and replace the following files with the ones from the package downloaded:

Plugins/SevenSpikes.Nop.Plugins.InstantSearch/Themes/Playground/Content/InstantSearch.css
Plugins/SevenSpikes.Nop.Plugins.InstantSearch/Themes/Playground/Content/InstantSearch.rtl.css
Themes/Playground/Content/css/768.css
Themes/Playground/Content/css/768.rtl.css
Themes/Playground/Content/css/styles.css
Themes/Playground/Content/css/styles.rtl.css

Please let us know if the issue still occurs!

Best Regards!

Hi ASWAAQ,

Thank you for your feedback!

This was actually a bug that we have fixed and uploaded on our site. In order to integrate the fix just go to your My Downloads section, download the theme again and replace the following file with the one from the package:

Themes/Electronics/Content/css/mobile-only.rtl.css

Please let us know if the issue still exist!

Thanks again!

Hi lnetdev5,

Thank you for your feedback!

You are right about that issue. We will fix it and will let you know once it is done.

Thanks again!

Hi T.ENT,

Thank you for reporting this issue. We have fixed it in version 3.3 and uploaded on our site.
If you need to integrate the fix you need to download the theme again and replace the following folder with the one from the downloaded package.

\Plugins\SevenSpikes.Theme.Allure

Best Regards!

Hi Thomas,

Thank you for your feedback. It was indeed a minor issue that we have fixed and uploaded on our site.Can you please download the theme again and replace the following files with the ones from the package:

Themes/Allure/Content/css/480.css
Themes/Allure/Content/css/768.css
Themes/Allure/Content/css/980.css
Themes/Allure/Content/css/styles.css

If you have made any modification in these files, you should merge them in the new ones. But I believe all your changes are in the custom.css file.

Best Regards!

Hi Thomas,

You had a typo in the code pasted. There was a missing ";" Can you please try the following one:

@media screen and (min-width: 1001px){
.product-details-page .overview {
margin-left: 620px;
margin-right: 0;}
}
@media screen and (min-width: 769px){
.ui-tabs, .gallery {
float: left;}
}
@media screen and (min-width: 769px){
.product-details-page .overview {
float: right;}
}
.side-2 {float: left;}
.center-2 {float: right;}

I have tested it and it works both when you have the tabs integrated and when you have them disabled. It works also on the category page as well.

Please let us know if there are any issues with it. If so it will be best if you can send us a link to the website so that we can investigate further.

Thanks!