Profile: Stefan
User posts
Hi winebear,
Thank you for your feedback!
In order to make your the letters uppercase, just copy the following to your admin -> plugins -> nop traction theme -> settings -> custom head styles textbox:
.item-box input[type="button"] {
text-transform: uppercase;
}
Hope that helps!
Hi Winebear,
We have merged all the changes back to version 3.4. So you can download the theme from your My Account section and follow the instructions from above.
Please let us know if there are still any issues.
Hi winebear,
This should go away after integrating the fix described in the following blog post.
Thank for your feedback!
Hi winebear,
We have identified the issue and have fixed the issue with the ajax cart. The reason was the the ajax cart was integrated on tablet when it should not because
it is not a good practice to have popups on mobile. Instead the default nopCommerce's ajax cart is being used. In order to integrate the fix you need to do the following:
1. Download the latest Nop Traction Theme from your My Downloads section.
2. Replace the SevenSpikes.Core plugin with the one from the downloaded package
3. Replace the SevenSpikes.Nop.Plugins.AjaxCart plugin with the one from the downloaded package
4. Replace the Themes/Traction/Content/scripts/traction.js file with the one from the downloaded package.
5. Replace the Themes/Traction/Content/css/980.css and Themes/Traction/Content/css/980.rtl.css files with the ones from the downloaded package. If you have modified these files you will need
just to paste the following css in the 980.css file
.product-grid .item-box.mobile-box .add-info{
position: static;
border: none;
box-shadow: none;
background: none;
opacity: 1;
height: auto !important;
}
.item-box.mobile-box .prices {
margin: 0 0 15px;
font-size: 12px;
}
.product-grid .item-box.mobile-box .description{
display: none;
}
.product-grid .item-box.mobile-box .product-rating-box{
opacity: 1;
text-align: left;
background: none;
padding: 0;
margin: 0 0 20px;
}
.product-grid .item-box.mobile-box .buttons{
position: static !important;
opacity: 1;
}
.item-box.mobile-box .buttons .compare-products{
display: none;
}
.item-box.mobile-box .buttons input[type="button"] {
height: auto;
padding: 10px 20px;
font: normal 16px 'eurostile';
width: auto;
}
on line 736 in the 980.css
and the following:
.product-grid .item-box.mobile-box .add-info{
position: static;
border: none;
box-shadow: none;
background: none;
opacity: 1;
height: auto !important;
}
.item-box.mobile-box .prices {
margin: 0 0 15px;
font-size: 12px;
}
.product-grid .item-box.mobile-box .description{
display: none;
}
.product-grid .item-box.mobile-box .product-rating-box{
opacity: 1;
text-align: right;
background: none;
padding: 0;
margin: 0 0 20px;
}
.product-grid .item-box.mobile-box .buttons{
position: static !important;
opacity: 1;
}
.item-box.mobile-box .buttons .compare-products{
display: none;
}
.item-box.mobile-box .buttons input[type="button"] {
height: auto;
padding: 10px 20px;
font: normal 16px 'eurostile';
width: auto;
}
on line 740 in the 980.rtl.css file.
Please let us know if after integrating the fix, the issue still occurs.
IN PORTRAIT the add to cart or Purchase button is cropped. Have a look at your own demo store for Traction and hold an iPad in portrait.
Hi winebear,
Thank you for your feedback!
We will have a look and let you know how to fix it.
Thanks again!
http://185.35.150.55/wine
On smart phones you add a purchase button to each product but on tablet it copies what it does on a computer unfortuately in a compute the way to access the quick add to cart button is to hover over the image which is not available on a tablet.
So the only way to add that product to cart is to enter into the product detail page, add to cart there and then click the back button to return to your product catalog page. this is time consuming and doesnt allow fast selection of various products.
In a theme like motion this is resolved by having a permamnent add to cart button but not in themes such as Lavela or Traction etc.
Hi again,
I see what you mean and agree that is should not be like that. We will fix that so that the add to cart button is always visible as on smaller mobile devices and will let you know how to integrate the fix. I hope to have it by the end of the day!
Thank for your understanding!
Hi defer,
This issue had been fixed in version 3.4 with package version 3.4.xxx.13347 from 30.10.2014. Can you let us know which package version do you use. If you use older one just download your package again and replace the Plugins\SevenSpikes.Nop.Plugins.AjaxCart\Scripts\AjaxCart.min.js file with the one from the downloaded package. This should fix the error.
Please let us know if the issue still exists!
<ul class="mega-menu">
@RenderMegaMenu(isMegaMenuResponsive: false)
</ul>
<div class="menu-title"><span>@T("SevenSpikes.MegaMenu.ResponsiveMenuTitle")</span></div>
<ul class="mega-menu-responsive">
@RenderMegaMenu(isMegaMenuResponsive: true)
</ul>
As a short term workaround I've commented out the second ul element calling the menu with responsive features.
Thanks.
Hi,
Thank you for your feedback!
This issue had been fixed and uploaded on our site. You can download the theme again and replace the Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Themes\ShopAll\Content\MegaMenu.css file with the one from your downloadable package. Then you can revert your change and the menu will work as expected.
Thanks again!
how to remove/hide header links in home page(login|register|wishlist).
header links should get display other than home page.
Hi maedhaa,
We have replied to your tickets. Please do not duplicate forum posts and tickets submitted.
Thanks!
Hi nopmstr2014,
There is no fixed dimensions for the slider as it is responsive, meaning that it will auto scale proportionally. So it will stretch to the whole width of the screen and it will be auto scaled on height proportionally. The way to reduce the height is either to reduce the width so that when resized the slider will be with less height, or the other way is to edit your image to be less high.
One approach you can try is to change the widget zone of the slider to be "home_page_top" . Thus the slider will be placed in the main column on the home page and will not stretch to the whole width of the site.
Another way is to set width of the slider via css and it will be resized to that size. So for example if you set a width of the slider wrapper, i.e.
.home .slider-wrapper {width: 1600px; margin 0 auto;} for the Nitro theme your slider will be resized to 1600px wide and thus the height will be smaller.
The third option is to change the proportion of your image, so that when resized proportionally the height is not so much.
Hope that helps!
