Close

Product image thumbnails?

Valentin
7 years ago
#13635 Quote
Avatar
  • 172
It seems you have updated your theme and plugins with the DefaultClean instead of the Uptown and this causes all of the problems. Follow the steps on how to update a theme - https://www.nop-templates.com/how-to-update-a-nopcommerce-theme.
Best Regards,

Valentin Kirov
Nop-Templates.com
crazyscrubs
7 years ago
#13640 Quote
Avatar
  • 11
Thank you, Valentin!

This helped me understand why it is not loading, however, we are still having issues after following the instructions to re-do the upgrade per your recommendation.

I did the upgrade again, and here are all the details:

I extracted the code from this version: NopUptownTheme_3.9.516.24125.zip

I followed these steps exactly:
1. Go to the Plugins folder of your nopCommerce installation.
2. Delete all the folders that start with SevenSpikes.
3. Copy all the folders from the Plugins folder of the latest package and paste them into the Plugins folder of your nopCommerce installation.
4. From the Themes folder of your nopCommerce, delete the Fashion folder and add the Fashion folder from the package.
5. Restart your web site, so that the new version is loaded and used by your nopCommerce installation.
6. In some cases you might also need to modify your Global.asax file by adding some extra empty spaces in it and save it.

Full details and screenshots:

We transferred the plugin contents over to the server after deleting the folders on the server (steps 1 through 3, see timestamps):
http://imgur.com/ndkzkSm

We transferred the theme contents over to the server after deleting the folders on the server (step 4, see timestamps):
http://imgur.com/dnmMtqA

We restarted the site (step 5):
http://imgur.com/n0gbcM5

I added a space and carriage return to our Global.asax and uploaded it to the server to make sure the web app would reload.

After the site reloaded, I made sure all of the plugins were installed as well:
http://imgur.com/MNCC3Az

I selected the "Uptown" theme in the nopCommerce configuration and saved:
http://imgur.com/E4D0HEw

I reloaded our site and verified it the CSS loaded properly (which means the plugins *ARE* working with the "Uptown" theme):
http://imgur.com/igNbNz5

I verified the CSS paths are correct in the source output when the "Uptown" theme is selected:
http://imgur.com/b8CgJLH

I re-followed these steps to create a copy of the "Uptown" theme to our own theme so we can make customizations:
https://www.nop-templates.com/how-to-modify-a-nop-templates-nopcommerce-theme

I copied the "Themes\Uptown" folder to a new folder at "Themes\UptownSA".

I edited "Themes\UptownSA\theme.config" to this:
http://imgur.com/2iDRNrM

I edited "Themes\UptownSA\Views\Shared\Head.cshtml" to this:
http://imgur.com/mI1aqmu

I then uploaded the "UptownSA" folder to the server:
http://imgur.com/1g0b47x

I restarted the nopCommerce application again, then chose our new theme in the settings and saved:
http://imgur.com/Lbhfism

I restarted the nopCommerce application again, to be sure, and also cleared cache and added more spaces to the Global.asax file just to make sure everything reloaded completely.

I then visited the site, and verified the CSS is still not loading correctly:
http://imgur.com/bB1oC5h

As you pointed out, the output source is pointing to the "DefaultClean" theme and not our theme ("UptownSA"):
http://imgur.com/Emz7T6H

If I change the settings back to use the "Uptown" theme (not our modified theme), the CSS loads properly:
http://imgur.com/b8CgJLH

I left our site settings using the "Uptown" theme if you would like to verify:
http://new.scrubauthority.com/

Conclusion: the plugins are unable to resolve the correct path to the assets (CSS) when using a custom version of the theme (our version in the "UptownSA" folder), which we setup per these instructions:
https://www.nop-templates.com/how-to-modify-a-nop-templates-nopcommerce-theme

I believe it is either a bug with the plugins when using a custom version of the theme. Or, there are steps missing in some of the instructions which we not aware of.

Sorry for the long and detailed response. We are just trying to get this working.

Thank you!
crazyscrubs
7 years ago
#13641 Quote
Avatar
  • 11
I found the issue.

After thinking about it and re-reading these instructions about 20 times, it dawned on me:
https://www.nop-templates.com/how-to-modify-a-nop-templates-nopcommerce-theme

In those instructions, this English is not very clear at all:
'What more do we need? As we know each our plugin is themable. This means that inside each plugin there is folder named "Themes" and inside it we have files that override the styles for the default look of the plugin. So our job is to go through all the plugins, copy the folder "Playground" and rename the new one to "Football". Now we can modify each plugin to look good for our new theme. HINT: What will happen if we do not make a theme folder for each plugin? - The plugin will search in "/Themes" for a folder named "Football" and if it does not find it, it will use the files from the DefaultClean folder.'

It is NOT clear that this is REQUIRED if you are making your own custom theme.

I would rewrite this as:
'If you have our Plugins enabled, and you are creating your own custom theme, you will *need* to create a copy of the "Playground" theme in each folder to a new folder, i.e. "Football", for each plugin.

For example:
\Plugins\SevenSpikes.Nop.Plugins.AjaxCart\Themes\Playground\
copy to
\Plugins\SevenSpikes.Nop.Plugins.AjaxCart\Themes\Football\

Plugins\SevenSpikes.Nop.Plugins.AjaxFilters\Themes\Playground\
copy to
\Plugins\SevenSpikes.Nop.Plugins.AjaxFilters\Themes\Football\

If you do not do this, and you use your own theme, the plugins will attempt to load assets from the "DefaultClean" theme. So, this step is necessary if you are using our plugins and your own custom theme.

In this case, you will also be able to customize the theme for any of our plugins after you do this.'

So, all I had to do was copy:

SevenSpikes.Nop.Plugins.AjaxCart\Themes\Uptown\
SevenSpikes.Nop.Plugins.AjaxFilters\Themes\Uptown\
SevenSpikes.Nop.Plugins.AnywhereSliders\Themes\Uptown\
SevenSpikes.Nop.Plugins.CloudZoom\Themes\Uptown\
SevenSpikes.Nop.Plugins.FacebookShop\Themes\Uptown\
SevenSpikes.Nop.Plugins.InstantSearch\Themes\Uptown\
SevenSpikes.Nop.Plugins.JCarousel\Themes\Uptown\
SevenSpikes.Nop.Plugins.MegaMenu\Themes\Uptown\
SevenSpikes.Nop.Plugins.NewsletterPopup\Themes\Uptown\
SevenSpikes.Nop.Plugins.NopQuickTabs\Themes\Uptown\
SevenSpikes.Nop.Plugins.PrevNextProduct\Themes\Uptown\
SevenSpikes.Nop.Plugins.ProductRibbons\Themes\Uptown\
SevenSpikes.Nop.Plugins.QuickView\Themes\Uptown\
SevenSpikes.Nop.Plugins.RichBlog\Themes\Uptown\
SevenSpikes.Nop.Plugins.SaleOfTheDay\Themes\Uptown\
SevenSpikes.Nop.Plugins.SocialFeed\Themes\Uptown\

to:

SevenSpikes.Nop.Plugins.AjaxCart\Themes\UptownSA\
SevenSpikes.Nop.Plugins.AjaxFilters\Themes\UptownSA\
SevenSpikes.Nop.Plugins.AnywhereSliders\Themes\UptownSA\
SevenSpikes.Nop.Plugins.CloudZoom\Themes\UptownSA\
SevenSpikes.Nop.Plugins.FacebookShop\Themes\UptownSA\
SevenSpikes.Nop.Plugins.InstantSearch\Themes\UptownSA\
SevenSpikes.Nop.Plugins.JCarousel\Themes\UptownSA\
SevenSpikes.Nop.Plugins.MegaMenu\Themes\UptownSA\
SevenSpikes.Nop.Plugins.NewsletterPopup\Themes\UptownSA\
SevenSpikes.Nop.Plugins.NopQuickTabs\Themes\UptownSA\
SevenSpikes.Nop.Plugins.PrevNextProduct\Themes\UptownSA\
SevenSpikes.Nop.Plugins.ProductRibbons\Themes\UptownSA\
SevenSpikes.Nop.Plugins.QuickView\Themes\UptownSA\
SevenSpikes.Nop.Plugins.RichBlog\Themes\UptownSA\
SevenSpikes.Nop.Plugins.SaleOfTheDay\Themes\UptownSA\
SevenSpikes.Nop.Plugins.SocialFeed\Themes\UptownSA\

And now it is working just fine.

If the instructions were more clear it would have been easy and saved us both a lot of headache. :)

Thanks!