Kryptronic Software Support Forum
You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.
#1 06-19-2017 16:42:47
- jonaha
- Member
- Registered: 11-01-2006
- Posts: 192
Product Detail Page
I need to add information to the product detail page. Such as a Free Shipping Logo and other information. Where can I do the add in V9?
Offline
#2 06-20-2017 08:33:10
Re: Product Detail Page
You could add this in the Long Description for your Product Offers, or possibly make use of Tabs 1-4 for the Product Offers.
As far as a free shipping logo, try the new free shipping icon functionality, it's easy:
(1) Under Store / Catalog / Product Offers, edit a product offer and access it's Display - Content tab. Update the 'Product Offer Highlights' field by checking 'Free Shipping'.
(2) Under Store / Component / Settings / Product Detail Pages, ensure 'Display Product Offer Highlights' is set to true.
(3) Under Store / Component / Settings / Free Shipping, adjust the language used to describe Free Shipping.
When you set this up, you'll get a free shipping icon on product offer pages. When clicked, a modal pops up with the language you adjust in (3) above.
Nick Hendler
Offline
#3 06-20-2017 11:11:39
- jonaha
- Member
- Registered: 11-01-2006
- Posts: 192
Re: Product Detail Page
It is very tedious to do it this way. In V8 Custom Shop wrote a code and when shipping was set to 0 the logo showed for all these items. I still have the code in V8 but do not know where to install it.
Also, I need to add a saying for all product, going to each one will be very time consuming.
Offline
#5 06-21-2017 15:07:44
- jonaha
- Member
- Registered: 11-01-2006
- Posts: 192
Re: Product Detail Page
Can you tell me where is the free image file. I would like to change the image?
Offline
#6 06-22-2017 07:43:05
Re: Product Detail Page
You can override it with CSS. Save your image file to your active skin's /media directory. If you don't have a /media directory, create one and add your file. Here's a how to.
I'll assume you're using the Flex skin in this example and your filename is freeshipping.png. It would be best to use a transparent png file, by the way, to ensure a background color change doesn't cause issues viewing. The image should be square.
(1) Upload freeshipping.png to {public}/skins/Flex/media/freeshipping.png,
(2) Edit {public}/skins/Flex/css/all.min.css and add this to the bottom somewhere:
.kicon_icon-freeshipping {background-position: 0 0; background-image: url('../media/freeshipping.png');}
Nick Hendler
Offline
#7 06-22-2017 10:17:26
- jonaha
- Member
- Registered: 11-01-2006
- Posts: 192
Re: Product Detail Page
It works but the image on the product page is very small how do I get it to be larger?
https://www.foldingbed.net/K9/index.php … =14189934o
Offline
#8 06-22-2017 11:24:37
- zanart
- Member
- From: bedford
- Registered: 04-02-2008
- Posts: 1706
Re: Product Detail Page
Add to the ,kicon_icon-freeshipping css, something like.. width: 5em;height: 5em;
.kicon_icon-freeshipping {background-position: 0 0; background-image: url('../media/freeshipping.png');width: 5em;height: 5em;}
Rob
Offline
#9 06-22-2017 12:42:09
- jonaha
- Member
- Registered: 11-01-2006
- Posts: 192
Re: Product Detail Page
Hi,
Thank you. It is working fine now however at the category page it is also a large image and I need that one to be smaller. Is there a way to do it?
https://www.foldingbed.net/K9/index.php … oldingbeds
Offline
#10 06-23-2017 10:36:11
Re: Product Detail Page
Limit the size change just to icons wrapped by the 'prodshowoffericonwrap' class:
.kicon_icon-freeshipping {background-position: 0 0; background-image: url('../media/freeshipping.png');}
.prodshowoffericonwrap .kicon_icon-freeshipping {width: 5em; height: 5em;}
Nick Hendler
Offline
#11 06-23-2017 10:59:19
- jonaha
- Member
- Registered: 11-01-2006
- Posts: 192
Re: Product Detail Page
Thank you it is working well, However, the pop us writing is over the log. Can that be fixed?
https://www.foldingbed.net/K9/index.php … f=352STDln
Offline
#13 05-09-2018 20:55:17
- jonaha
- Member
- Registered: 11-01-2006
- Posts: 192
Re: Product Detail Page
If this does not work after v9 update is there another way?
https://www.foldingbed.net/Item/90046w
Offline
#14 05-10-2018 08:28:45
Re: Product Detail Page
jonaha wrote:
If this does not work after v9 update is there another way?
https://www.foldingbed.net/Item/90046w
I'm not sure what you're asking. If what doesn't work after updating what?
Nick Hendler
Offline