[Skip to main content](#vessel-content) # Products Page Customization ## - **[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")** - [![kizza2's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6702-kizza2 "View kizza2's Profile") Topic Author - [ Offline](/forum/user/6702-kizza2) Less More - Posts: 40 - Thank you received: 0 - - 14 years 7 months ago [\#43762](#43762) by [kizza2](/forum/user/6702-kizza2 "View kizza2's Profile") *[Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#43762 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* was created by *[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")* I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks - [ ![productlines.jpg](/forum/attachment/3146) ](/forum/attachment/3146 "productlines.jpg") [ ](/forum/attachment/3146?download=1 "productlines.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 14 years 7 months ago [\#43881](#43881) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#43881 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* What do you mean by "single line" ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")** - [![kizza2's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6702-kizza2 "View kizza2's Profile") Topic Author - [ Offline](/forum/user/6702-kizza2) Less More - Posts: 40 - Thank you received: 0 - - 14 years 7 months ago [\#43888](#43888) by [kizza2](/forum/user/6702-kizza2 "View kizza2's Profile") Replied by *[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#43888 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* If you have a look at the image i attached i am just wanting a vertical line to the right of each product to separate them. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 14 years 7 months ago [\#43907](#43907) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#43907 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* You can add such CSS in the front end CSS file of HikaShop via the Display tab of the configuration: div.hikashop_subcontainer_border { border-right: 1px solid #CCC; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")** - [![kizza2's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6702-kizza2 "View kizza2's Profile") Topic Author - [ Offline](/forum/user/6702-kizza2) Less More - Posts: 40 - Thank you received: 0 - - 14 years 7 months ago - 14 years 7 months ago [\#44247](#44247) by [kizza2](/forum/user/6702-kizza2 "View kizza2's Profile") Replied by *[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#44247 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* Sorry, I placed that code in the css and it did nothing. Last edit: 14 years 7 months ago by [kizza2](/forum/user/6702-kizza2 "View kizza2's Profile"). Reason: Wrong info Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 14 years 7 months ago [\#44407](#44407) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#44407 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* Please make sure that the "custom" front end css is select in that option of the configuration and flush your browser's cache. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")** - [![kizza2's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6702-kizza2 "View kizza2's Profile") Topic Author - [ Offline](/forum/user/6702-kizza2) Less More - Posts: 40 - Thank you received: 0 - - 14 years 7 months ago [\#44460](#44460) by [kizza2](/forum/user/6702-kizza2 "View kizza2's Profile") Replied by *[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#44460 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* I have done that but it is still not working? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 14 years 7 months ago [\#44577](#44577) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#44577 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* Could you give a link to your website so that we can see that ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")** - [![kizza2's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6702-kizza2 "View kizza2's Profile") Topic Author - [ Offline](/forum/user/6702-kizza2) Less More - Posts: 40 - Thank you received: 0 - - 14 years 7 months ago [\#44660](#44660) by [kizza2](/forum/user/6702-kizza2 "View kizza2's Profile") Replied by *[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#44660 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* Thanks Nicolas its [ www.trendcommunications.com.au/fsa/index...egory/13-accessories](http://www.trendcommunications.com.au/fsa/index.php/archery/category/13-accessories) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 14 years 7 months ago [\#44793](#44793) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#44793 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* Ah yes, that's because the border option of your listing is turned off. If you turn it on that should work. Alternatively, you can use that CSS: div.hikashop_subcontainer { border-right: 1px solid #CCC; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")** - [![kizza2's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6702-kizza2 "View kizza2's Profile") Topic Author - [ Offline](/forum/user/6702-kizza2) Less More - Posts: 40 - Thank you received: 0 - - 14 years 7 months ago [\#44839](#44839) by [kizza2](/forum/user/6702-kizza2 "View kizza2's Profile") Replied by *[kizza2](/forum/user/6702-kizza2 "View kizza2's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#44839 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* Can you please clarify where the border option of the listing is. I also tried that css and it gives a right border to everything even the items in my vertical scroller. The page displays in three columns so is it possible to just place a line to the left and right of the middle column? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 14 years 7 months ago [\#45047](#45047) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Products Page Customization](/forum/2-general-talk-about-hikashop/43762-products-page-customization#45047 "I was wanting to customise my products page so that there is just a single line between each product like in the attached image. I am new to this and i am just not sure. Thanks")* That option is located in the hikashop options of the module with the id 101 used on that page to display the products listing. You can edit it via the menu Display->Content modules and you will have the "border" option that you can turn on. If, you use that CSS, it will only apply to the listing of that page: \#hikashop_category_information_module_101 div.hikashop_subcontainer { border-right: 1px solid #CCC; } You won't be able to apply the border on the middle column only with just CSS. You will have to edit the file "listing_div" of the view "product" via the menu Display->Views and change the line: <div class="hikashop_product" style="width:<?php echo $width;?>%;"> to: <div class="hikashop_product hikashop_product_column_<?php echo $current_column; ?>" style="width:<?php echo $width;?>%;"> so that you can use the CSS: div.hikashop_subcontainer .hikashop_product_column_1 { border-right: 1px solid #CCC; border-left: 1px solid #CCC; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQzNzYyLXByb2R1Y3RzLXBhZ2UtY3VzdG9taXphdGlvbj90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.094 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)