Return to previous page

Topic: Styling the product page

popcorner

Participant

January 17, 2019 9:31 am

Hi
Few questions about the style of the product page.
I’d like to see the variations images thumbnails left to the main image, how to do that ?
I’d like to have an accordion tab for the description, avis and so on at the right of the main image, how to do it ?
Is there a way to enable a lightbow for the images instead of a zoom ?
How to hide the sharing buttons and the category title ?

Regards
Site URL: hidden
Theme version: 5.1

#207160 copied to clipboard

Like
Rose Tyler

Support staff

January 17, 2019 9:45 am
Hello,

1/ Theme Options > Single Product Page > Page Layout > Thumbnails > Vertical.
2/ Theme Options > Single Product Page > Tabs Settings > Close first tab by default > Off.
3/ Disable “Zoom for product images” in Theme Options > Single Product Page > Page Layout.
4/ Theme Options > Single Product Page > Page Layout > Show share buttons and add this code in Theme Options > Custom css:

.single-product .product_meta .products-page-cats { display: none; }

Regards
#207165 copied to clipboard

Like
popcorner

Participant

January 17, 2019 10:00 am

Thanks for those answers ;
other question with styling the product page ; how to hide the ratings and “avis” (=comment i think) ?

#207168 copied to clipboard

Like

Rose Tyler

Support staff

January 17, 2019 10:09 am

You’re welcome!
WooCommerce > Settings > Products > General > Reviews > uncheck Enable product reviews.

Regards

#207172 copied to clipboard

Like

popcorner

Participant

January 17, 2019 10:14 am

Thks again

One more question for the product page, how to disable the instagram feed in it ? And still the product category is still displayed on product page (the custom css doesn’t hide it)

#207175 copied to clipboard

Like

Rose Tyler

Support staff

January 17, 2019 10:24 am

1) Remove content from Appearance > Widgets > Prefooter area and add it for Home page only. If you need any further assistance, provide temporary wp-admin access so I can take a closer look.
2) Please clear cache and check one more time – http://prntscr.com/m8bqmv

Regards

#207177 copied to clipboard

Like

popcorner

Participant

January 17, 2019 10:30 am

Ok thks
I’ll try to set up the insta feed only in homepage, and ask you if needed.

Other question (not really for product page but mainly static blocks) ; how to activate the WP Bakery mode for those contents ?

#207178 copied to clipboard

Like

Rose Tyler

Support staff

January 17, 2019 10:32 am

1) Please watch this video – https://youtu.be/yv4GA-PkVfE
2) http://prntscr.com/m8bwiq

Regards

#207180 copied to clipboard

Like

popcorner

Participant

January 17, 2019 10:56 am

seems to be great ! Thks

#207182 copied to clipboard

Like

Rose Tyler

Support staff

January 17, 2019 10:58 am

You’re welcome!

Regards

#207184 copied to clipboard

Like

popcorner

Participant

January 17, 2019 12:38 pm

Hi again
New problems found on my product page :
> alternative images doesn’t seem to load
> related products (“vous aimerez également”) doesn’t seem to load
> “personal content” in bottom of the page doesn’t load the title and subtitle

Could you help me please ?

#207190 copied to clipboard

Like

Rose Tyler

Support staff

January 17, 2019 1:07 pm

Hello,

Please try to disable 3rd party plugins to check if one of these plugins causes the problem.
Make sure that you are using correct versions of XStore theme and Core plugin together – https://xstore.8theme.com/update-history/

Regards

#207193 copied to clipboard

Like

popcorner

Participant

January 17, 2019 2:44 pm

Ok thx, but still lot of issues in the page, cause I don’ t find the plugin that causes a compatibility problem, could you have a look and tell me please ? (only new plugi today : loco translate, and Duplicate Page)

Content is visible for topic creator and
support staff only.

#207200 copied to clipboard

Like

Rose Tyler

Support staff

January 17, 2019 3:03 pm

In console on your site – http://prntscr.com/m8fztm and disabling of WooCommerce Stripe Gateway plugin solve the problem. You need to check settings of the plugin or contact support of this plugin.

Regards

#207205 copied to clipboard

Like