Product page

[atlaslim]

Hi there,

Please see attached screenshot.

1: I’ve only managed to add a background image to the title section. But my intention is to make the entire white area transparent, including the title bar. How do I make BG 1 and 2 and the title section transparent so that only the background image will be displayed?

2: How can I change the text and background colour of S1?

3: How can I remove S2?

4: Please see http://lacquar.com/store/?product=color-blocked-shift-dress
I’ve activated zoom-in but it seems like when hover the image got smaller? I’ve uploaded the image size according to the theme suggestion for woocommerce. I thought it’s suppose to showing a really large image within that image box. If the dimension of the file I’ve uploaded is wrong, what’s the recommended one?

5: Can I put the 2 variable box in S1 in such that they are of the same length and on the same line?

[laranz – SUPPORT]

Hi,

Add this in the custom CSS

#container
{
background-color: transparent !important;
color: white !important;
}

you can find the individual div using the firebug and set its background color to the above, and also adjust the color of the text

4. What size images you upload?
5. Try this in Custom CSS

.entry-summary tr
{
width: 50%;
float: left;
}

Thanks,
laranz.

[atlaslim]

This reply has been marked as private.

[laranz – SUPPORT]

Hi,

I just gave hint for the transparent background, you need it to implement it full.

Did you use any plugins for the zooming functionality?

If the custom Css not working try inserting a !important at the end like

.entry-summary tr
{
width: 50% !important;
float: left !important;
}

Thanks,
laranz.

[davo]

Hello Atlaslim,
I just wonder how did you manage to create buttons in the product for selecting the colour within the same page…? Im a beginner so it would be so kind if you can give some clue.
Thanks so much in advance!

[laranz – SUPPORT]

Hi Davo,

No problem, You can use Woocommerce Product variations feature,

Read this how-to guide. http://docs.woothemes.com/document/product-variations/

Let me know, what you got.

Thanks,
laranz.

[davo]

Really helpful Laranz. I will checkit tomorrow and I will tell you what I get 😉
By the way and speaking about the product page, is there any possibility, when you go to the product page, to find the “additional information” tab already opened, like it is the “description” tab.
Thanks so much!

[laranz – SUPPORT]

Hi,

1. Glad you found it useful.
2. For that you need to hack in to the code, go to \includes\swift-framework\sf-woocommerce.php around line#259

you found something like this

remove the in the class at the end.

then go to line #278

add the in at the end.

Hope this helps.

Thanks,
laranz.

[laranz – SUPPORT]

Hi,

The code seems missing, try this gist https://gist.github.com/laranz/66bd481ceb6dabd925e1

Thanks,
laranz.