Return to previous page

Create extra column on single product page

This topic has 5 replies, 3 voices, and was last updated 6 months, 2 weeks ago ago by Andrew Mitchell

Arnan

Participant

June 8, 2024 at 18:04

Hi, I have a question about the single product page. I would like to create an additional column that will be shown next to the product information on a computer screen and then moved to below the product information on mobile. I have products with a lot of text (such as the example link in the private area content) but also pages with significantly less text. In both cases it is desirable to be able to place something right next to the text. (At the moment the column for text is pretty wide, i know how to make this smaller). For example, a widget with links to information pages or simply images/banners. Unfortunately I was not able to design it this way. All elements that I add via the Single product page builder are added either above or below the text. So I wonder if what I want is possible? It cannot be a fixed element, but must therefore be able to be shown or not shown per product or at least be adjusted per product. I have included login details in the private content area because the webshop is not yet live. I’m curious if you can help me with this?

Please, contact administrator
for this information.

#398764 Copied Theme version: 9.3.11

4 Answers
Luca Rossi

Support staff

June 9, 2024 at 07:35
Hi @Arnan,

You can break out the product description into 2 columns by adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.single-product div#tab-description {
    column-count: 2;
}
```
https://prnt.sc/DTuPtH8bL7SC

Hope it helps!
#398795 Copied
Arnan

Participant

June 9, 2024 at 21:52

Hi Luca, it does work but not quite like i want. With a lot of text it creates 3 columns. With little text it is not completely evenly distributed. I actually also wanted to add a column of text (half of the page) and an element on the other half. For example a shortcode. But maybe that isn’t possible?

#398842 Copied

Luca Rossi

Support staff

June 10, 2024 at 05:18

Hi @Arnan,

It requires the cusomization codes and fall out of scope our support service.

We would recommend you submit a request on our Taskboard at [8Theme Taskboard](https://www.8theme.com/taskboard/). Should your suggestion garner sufficient support from other customers, our development team will take it into consideration for inclusion in future updates.

If you require personal customization services, we invite you to submit a request through our customization panel at: https://www.8theme.com/account/#etheme_customization_panel , and continue conversations with the technicians team directly.
Please be advised that customization services will incur additional charges, the exact amount of which will be communicated following a detailed review of your request.

Best Regards,
8Theme’s Team

#398852 Copied

Andrew Mitchell

Support staff

June 10, 2024 at 18:19

Dear Arnan,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#399124 Copied
Tagged: advanced wordpress, create extra column, custom woocommerce, improve ecommerce, optimize woocommerce, single-product page, wordpress woocommerce themes
Viewing 5 results - 1 through 5 (of 5 total)