Short Description in Products View (Easy Method)

  • Posts: 4
  • Thank you received: 2
4 years 10 months ago #318973

-- 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:

<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):
.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.

  • Posts: 12953
  • Thank you received: 1778
4 years 10 months ago #318982

Hello,

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.065 seconds
Powered by Kunena Forum
loading