Short Description in Products View (Easy Method)
6 years 4 months ago #318973
by ozneilau
Short Description in Products View (Easy Method) was created by ozneilau
-- HikaShop version -- : 4.2.3
-- Joomla version -- : 3.9.18
-- PHP version -- : 7.3.17
-- Browser(s) name and version -- : Firefox 76.0
Despite there being quite a few posts already on how to include a short description with products listings, I was not able to create a custom field in the products table or find the correct view in Display -> View to be able to insert appropriate code.
I worked out an alternative method that is simpler for me and may be simpler for others so will share it here.
Edit the menu option, select the Div tab and choose the "Image and description" Layout type so that the description is displayed along side each product on the product listings page.
In the description field, add a short description and a long description enclosing the descriptions with appropriate CSS classes like this:
Add the following CSS code to the custom CSS file for your template (see template documentation for details):
The short description will now appear on the product listings page and the long description will now appear on the product detail page.
-- Joomla version -- : 3.9.18
-- PHP version -- : 7.3.17
-- Browser(s) name and version -- : Firefox 76.0
Despite there being quite a few posts already on how to include a short description with products listings, I was not able to create a custom field in the products table or find the correct view in Display -> View to be able to insert appropriate code.
I worked out an alternative method that is simpler for me and may be simpler for others so will share it here.
Edit the menu option, select the Div tab and choose the "Image and description" Layout type so that the description is displayed along side each product on the product listings page.
In the description field, add a short description and a long description enclosing the descriptions with appropriate CSS classes like this:
Code:
<div class="short-description">
content
</div>
<div class="long-description">
content
</div>
Add the following CSS code to the custom CSS file for your template (see template documentation for details):
Code:
.hikashop_products_listing .long-description {display: none;}
.hikashop_product_page .short-description {display: none;}
The short description will now appear on the product listings page and the long description will now appear on the product detail page.
The following user(s) said Thank You: Mohamed Thelji
Please Log in or Create an account to join the conversation.
Less
More
- Posts: 12953
- Thank you received: 1778
6 years 4 months ago #318982
by Mohamed Thelji
Replied by Mohamed Thelji on topic Short Description in Products View (Easy Method)
Hello,
Thanks a lot for your feedback and your contribution to the Hikashop community !
We wish you a nice day !
Kind regards,
Mohamed
Thanks a lot for your feedback and your contribution to the Hikashop community !
We wish you a nice day !
Kind regards,
Mohamed
The following user(s) said Thank You: ozneilau
Please Log in or Create an account to join the conversation.
Time to create page: 0.149 seconds