Profile: IvanStoyanov
User posts
11 years ago
Thanks for your help, Boyko
But, I am still stuck. My understanding was that the MiniCart was a nopCommerce feature while the FlyoutCart is a plug-in by SevenSpikes (looking at the source confirms it's part of the Ajax Cart??). Regardless, I cannot the find the file (for the flyout cart) and edit it to remove the CHECKOUT button. I'd like only two buttons in the flyout cart (and the mini cart) 'Continue Shopping' and 'View Cart'. Any button that directs to the first page of checkout prevents order completion, I think because the choice to Register or Checkout As Guest is bypassed.
Also, I edited the setting in nopCommerce for the Ajax Cart plug-in to not show the Add to Cart button on our category pages, but they are still there.
I'm using the Fashion Theme 2.60.
Thanks again, castironcook.
But, I am still stuck. My understanding was that the MiniCart was a nopCommerce feature while the FlyoutCart is a plug-in by SevenSpikes (looking at the source confirms it's part of the Ajax Cart??). Regardless, I cannot the find the file (for the flyout cart) and edit it to remove the CHECKOUT button. I'd like only two buttons in the flyout cart (and the mini cart) 'Continue Shopping' and 'View Cart'. Any button that directs to the first page of checkout prevents order completion, I think because the choice to Register or Checkout As Guest is bypassed.
Also, I edited the setting in nopCommerce for the Ajax Cart plug-in to not show the Add to Cart button on our category pages, but they are still there.
I'm using the Fashion Theme 2.60.
Thanks again, castironcook.
Hi castironcook,
I can assure you that the Flyout cart is not a part of the Nop Ajax Cart plugin or any other plugin created by SevenSpikes. If you need more prove, just install a clean copy of nopCommerce (without our plugins) and you will see that the Flyout cart is there.
I tested your checkout process as guest and it was ok. I used the NopAjaxCart plugin on the product page and after adding the product to cart, I clicked the Checkout button. My checkout was successful!
Right now you are using the default nopCommerce default Ajax Cart on the category page, which is different from the NopAjaxCart plugin from SevenSpikes.
As Boyko said, you can find the Flyout view at Views\ShoppingCart\FlyoutShoppingCart.cshtml and edit it. The view is located in the nopCommerce Views folder, not the Views folder in the NopAjaxCart plugin.
You can also edit the NopAjaxCart and remove the Checkout button. Just open the view located in Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Views/NopAjaxCartShoppingCart/ProductAddedToCartPopupDialog.cshtml and remove the checkout button from there.
Best wishes,
Ivan Stoyanov
11 years ago
If I wanted to have additional sections with dropdowns or submenus would the submenus be within the li element. Here is an example and wondering if this would work for an additional item on the menu as well as submenu when you hover over that item on the menu.
<ul>
<li><a href="http://www.mysite.com">Section Header</a>
<ul>
<li><a href="http://www.mysite.com">Submenu #1</a></li>
<li><a href="http://www.mysite.com">Submenu #2</a></li>
<li><a href="http://www.mysite.com">Submenu #3</a></li>
</ul>
</li>
</ul>
thanks
<ul>
<li><a href="http://www.mysite.com">Section Header</a>
<ul>
<li><a href="http://www.mysite.com">Submenu #1</a></li>
<li><a href="http://www.mysite.com">Submenu #2</a></li>
<li><a href="http://www.mysite.com">Submenu #3</a></li>
</ul>
</li>
</ul>
thanks
Hi pdesignz,
This will work if you remove the first <ul>.
Your code should look like this:
<li>
<a href="http://www.mysite.com">Section Header</a>
<ul>
<li><a href="http://www.mysite.com">Submenu #1</a></li>
<li><a href="http://www.mysite.com">Submenu #2</a></li>
<li><a href="http://www.mysite.com">Submenu #3</a></li>
</ul>
</li>
Best regards,
Ivan Stoyanov
11 years ago
How can I add an additional drop down menu, like the drop down for the categories section. This would be links separate from categories, but would like to resemble the look of the drop down menu.
Thanks
Thanks
Hi pdesignz,
To add additional drop down menu to your Categories Header Menu plugin go to /Plugins/SevenSpikes.Nop.Plugins.CategoriesHeaderMenu/Views/CategoriesHeaderMenu and open CategoriesHeaderMenu.cshtml view.
In the view you can add additional drop down menu like this:
@if (Model.ShowManufacturers)
{
<li><a href="@Url.RouteUrl("ManufacturerList")">@T("Manufacturers")</a>
<ul>
@Html.Raw(Model.ManufacturersHtml)
</ul>
</li>
}
@* Put your additional drop down here *@
<li><a href="#">My additional drop down</a>
<ul>
<li><a href="#">Drop down Item 1</a></li>
<li><a href="#">Drop down item 2</a></li>
</ul>
</li>
11 years ago
This worked, Thanks! Does this work only for the add to cart or can this also be applied to the add to wishlist button as well. Thanks
We are sorry but the Ajax Cart works only for add to cart buttons.
You can propose this in our User voice portal
11 years ago
I am using 2.65, and am trying to follow the integration guide but am not sure where to change as the code looks different than the integration guide. I am using a custom theme, so I assume that I need to do the manual integration vs the automatic.
On the product Box page, the code is a little different and am not 100% sure how to integrate.
The code is here:
<input type="button" value="@(Model.ProductPrice.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart"))" class="button-2 product-box-add-to-cart-button" onclick="AjaxCart.addproducttocart('@addtocartlink');return false;" />
}
On the product detail page, using the Product Variant template the code is also a little different than the integration guide.
This code is here and also a little unsure of where to place the code from the integration guide
<input type="button" class="button-1 add-to-cart-button" value="@(Model.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart"))" onclick="AjaxCart.addproductvarianttocart('@Url.RouteUrl("AddProductVariantToCart", new { productVariantId = Model.ProductVariantId, shoppingCartTypeId = (int)ShoppingCartType.ShoppingCart })', '#product-details-form');return false;" />
Thanks
On the product Box page, the code is a little different and am not 100% sure how to integrate.
The code is here:
<input type="button" value="@(Model.ProductPrice.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart"))" class="button-2 product-box-add-to-cart-button" onclick="AjaxCart.addproducttocart('@addtocartlink');return false;" />
}
On the product detail page, using the Product Variant template the code is also a little different than the integration guide.
This code is here and also a little unsure of where to place the code from the integration guide
<input type="button" class="button-1 add-to-cart-button" value="@(Model.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart"))" onclick="AjaxCart.addproductvarianttocart('@Url.RouteUrl("AddProductVariantToCart", new { productVariantId = Model.ProductVariantId, shoppingCartTypeId = (int)ShoppingCartType.ShoppingCart })', '#product-details-form');return false;" />
Thanks
Hi pdesignz,
To integrate the Ajax Cart in the_ProductBox view add the following code:
@if (!Model.ProductPrice.DisableBuyButton)
{
<br />
@Html.Action("GetAddProductToCartAjaxButton", "NopAjaxCart", new { ProductId = Model.Id, ButtonValue = Model.ProductPrice.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart") })
}
and in the _ProductVarintAddToCart:
@if (!Model.DisableBuyButton)
{
@Html.Action("GetAddProductVariantToCartAjaxButton", "NopAjaxCart", new { ProductVariantId = Model.ProductVariantId, ButtonValue = Model.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart") })
}
11 years ago
I tried the NopClassic theme that I had originally downloaded from your site and that did not work and this was what I used as a basis for my theme that I am working with. I tried the DarkOrange theme and that seems to work. When I had tried to integrate manually, the items specified in the documentation did not match to what I have in my document. When I look for <div class="product-details-info"> in the page, this div does not exist. I did however find, @Html.Partial("_ProductDetailsPictures", Model) this was within <div class="product-essential">.
I am not sure if the default code has changed since you wrote the documentation, but the code is structured as this...
<div class="product-essential">
@Html.Widget("productdetails_before_pictures")
<!--product pictures-->
@Html.Action("CloudZoom", "CloudZoom", Model)
@Html.Widget("productdetails_after_pictures")
<div class="overview">
<div id="cloudZoomWindowElement" style="position: absolute">
</div>
As you can see there is no product-details-info
I did the manual integration and now it is working great! Thanks for the help
I am not sure if the default code has changed since you wrote the documentation, but the code is structured as this...
<div class="product-essential">
@Html.Widget("productdetails_before_pictures")
<!--product pictures-->
@Html.Action("CloudZoom", "CloudZoom", Model)
@Html.Widget("productdetails_after_pictures")
<div class="overview">
<div id="cloudZoomWindowElement" style="position: absolute">
</div>
As you can see there is no product-details-info
I did the manual integration and now it is working great! Thanks for the help
The documentation is actually for 2.6 version and in 2.65 some of the html was changed. In spite of this you have successfully integrated the plugin.
Thank you for reporting this problem. We will update our documentation ASAP.
Best wishes!
Ivan Stoyanov
11 years ago
Hello-
I'm trying to add a tag cloud to my topic content, but not having any luck.
While editing my content topic in the admin area, I'm just including the following line of code in the table cell where I want the tag cloud to appear:
Is there something preventing razor syntax from executing when it's dynamically retrieved from a database column? Or do I just need to reference some other assembly from the TopicBlock.cshtml or MegaMenu.cshtml views? If so, which one, and how/where?
Thanks for your assistance!
Steve
I'm trying to add a tag cloud to my topic content, but not having any luck.
While editing my content topic in the admin area, I'm just including the following line of code in the table cell where I want the tag cloud to appear:
@Html.Action("PopularProductTags", "Catalog")Is there something preventing razor syntax from executing when it's dynamically retrieved from a database column? Or do I just need to reference some other assembly from the TopicBlock.cshtml or MegaMenu.cshtml views? If so, which one, and how/where?
Thanks for your assistance!
Steve
Hi Steve,
You can not add
@Html.Action("PopularProductTags", "Catalog")in a topic content, because it is not compiled in razor. If you want to add a tag cloud to the Mega Menu, you need to open the MegaMenu.cshtml view that is located in /Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Views/MegaMenu/.
Once you have opened the view add the following code, on the place where you want the menu to appear:
<li>
<a href="#">@T("Products.Tags.Popular")</a>
@Html.Action("PopularProductTags", "Catalog");
</li>
Have a great day!
Ivan Stoyanov
11 years ago
What is the best way of working with the Cloud Zoom plugin. I am currently using a trial version and have been trying to use the automatic integration, but whenever I go to my product detail view and click on the image nothing happens. I am running Nop 2.65 and I checked the Configuration>Plugins and all are installed and set to true. I have tried playing with different setting, but everytime I click on the image nothing happens or zooms in. Is there anything different that I should do or check or would you recommend trying the manual integration.
Thanks
Thanks
Hi pdesignz,
The automatic integration for our plugins works only for the DarkOrange and nopClassic themes. If you use custom theme, you will need to integrate the plugin manually.
Please check our online documentation for information on how to do this.
https://www.nop-templates.com/Help/NopCloudZoom/Version_2_6/lessons/Integration.html
Have a great day!
Ivan Stoyanov
11 years ago
Hello, I am using a trial version of the Mega Menu, when I hover over the products link it shows a column for Categories and a column for Manufacturers. How can I remove the column of manufacturers and only display the Categories. Also how can I change the main Products title to something else.
Thanks!
Thanks!
Hi pdesignz,
All of this and much more can be configured from the Mega Menu plugin administration page.
Please go to the administration section of your website Plugins -> Nop Mega Menu -> Settings.
For more information please read our online documentation:
http://www.nop-templates.com/Help/NopMegaMenu/Version_2_65/readme.html
Have a great day!
Ivan Stoyanov
11 years ago
Hello Ivan-
Thank you for your quick response! Indeed, that was the way to reference the home page. Thank you.
Unfortunately, I don't think I made myself completely clear. I am trying to create a link to the Forum (/Boards/), and I have already edited my language string resources for the forum to say the word "knowledgebase" instead.
Please click this link ...and you'll notice that my category header's first two menu items are:
"home" and "knowledgebase"
ALL OF THE LETTERS ARE lower case.
I want them to be "Home" and "Knowledgebase"
..with only the first characters in upper case.
My code is now:
<li><a href="@Url.RouteUrl("HomePage")">@T("Home")</a></li>
<li><a href="@Url.RouteUrl("Boards")">@T("Knowledgebase")</a></li>
Both of the links work correctly, just the case is wrong.
When I try this:
<li><a href="@Url.RouteUrl("HomePage")">@T("HomePage")</a></li>
<li><a href="@Url.RouteUrl("Boards")">@T("Knowledgebase")</a></li>
..it looks like: "Home page" and "knowledgebase"
..automatically putting a space before the second instance of an upper case character, and setting the first character as upper case.
But when I try this:
<li><a href="@Url.RouteUrl("HomePage")">@T("HomePage")</a></li>
<li><a href="@Url.RouteUrl("Boards")">@T("KnowledgeBase")</a></li>
...with uppercase B in Base..it STILL looks like: "Home page" and "knowledgebase"
...no space and no upper case character (scratching head)
..so I know it is POSSIBLE to make characters be upper case, though it seems to be inconsistent, and I just do not see how to achieve what I want without adding words that I do not even want to appear.
What is the trick??
Thank you again for your help!
Steve
Hi Steve,
If you want your first characters to be upper case you need to change your homepage resource value from Home page to Home Page.
Also change the blog resource from Blog to Knowledge Base.
NOTE: The first character of the resource values need to be upper case.
After that just reffer to them like this:
<li><a href="@Url.RouteUrl("HomePage")">@T("HomePage")</a></li>
<li><a href="@Url.RouteUrl("Blog")">@T("Blog")</a></li>Have a great day!
Ivan Stoyanov
