The Raphael theme (BETA)

Status
Not open for further replies.
E

Ekaterina Sayapina

Guest
We’re very excited to let you know that our brand new theme Raphael is ready for beta testing.
We’ve done the most thorough UX research to deliver the perfect product to you: amazing clean design which keeps the focus on your products and meets all usability requirements increasing your brand loyalty. The theme is ideally suited for stores with both large inventories and small catalogs.


Please make sure you have the latest version of AliDropship original plugin before giving Raphael a try. The theme is not compatible with AliDropship Woo plugin.

Check Raphael demo website.
Knowledge Base guide.

Here are some key features to discover:

Homepage
Products in category menu. Showcase most popular items in your menu.

157b342b2a73.png

Zoom & glow hover effect. Eye-catching hover effect on product images (Homepage, Category page, Cross-sell section)
e05f128d3bb6.png

Homepage video. Feature a YouTube video to tell more about your store.
09e809448828.png

Category images on Homepage. Add pictures to category boxes to enhance customer visual experience.
4441831e6a53.png

Full-width Instagram feed. Share your latest Instagram posts in a full-width feed.
bb97426771f0.png

Homepage testimonials. Add credibility to your store by sharing customer reviews on your Homepage.
6ff7271ff0cf.png

Bigger subscription box. Take another big step towards customer engagement.
2d2bd9f67ae8.png

Blog articles on Homepage. Connect with your clients and extend their shopping experience.
b4ab1fe83bf2.png

Single product page
Payment icons under the Add to cart button. Show your customers a variety of payment methods available on your website.

6227ff806f71.png

Why Buy From Us tab. Tell your customers about advantages of shopping with you.
346d86ab8f2e.png

Cross-sell products. Encourage your clients to continue shopping by displaying related items.
d666a395ede7.png

Sticky Add to Cart button. Make the main website call-to-action button even more persuasive on mobile phones.
1e4a91e2787f.jpg

View all variations link. Product variations are placed in one line slider on mobile phones. Use the View all link to show all available variations.
0252285c37a3.jpg


Blog
New blog design.
19d971f96e1b.png

Side shopping cart.
f4fa7919a036.png

Multi-step checkout.
c52d113b6dcc.png

We’re looking forward to your feedback! Don't hesitate to reach out if you have any questions or improvement ideas.

P.S. Please keep in mind that this is a beta version of the theme, Search dropdown is still under development, we'll add this feature shortly.
 

Attachments

  • raphael_new.zip
    7.4 MB · Views: 24
Last edited by a moderator:

Ataya961

New Member
This is great, thanks!
do we need to transfer the theme settings manually such as colors settings, images, texts if we are not running child themes?
Sorry if this has been answered some where else.
 

Andre M

Active Member
great work, can you tell what is this: https://prnt.sc/k852fi

can we change top selling for new arrivals?

this is error: https://prnt.sc/k853b9

Menu in teste website:
Menu in normal website:
In normal website slide dots.: https://prnt.sc/k86dxv

CATEGORY: Soical icon i think another color https://ibb.co/bSwgOd

also if i change this theme to website is online have to do lots of change , social media links , widgets ....
 
Last edited:
E

Ekaterina Sayapina

Guest
This is great, thanks!
do we need to transfer the theme settings manually such as colors settings, images, texts if we are not running child themes?
Sorry if this has been answered some where else.
Yes, you'll need to adjust your customization settings (colors, images, etc.) when switching to Raphael.
 
E

Ekaterina Sayapina

Guest
great work, can you tell what is this: https://prnt.sc/k852fi

can we change top selling for new arrivals?

this is error: https://prnt.sc/k853b9

Menu in teste website:
Menu in normal website:
In normal website slide dots.: https://prnt.sc/k86dxv

CATEGORY: Soical icon i think another color https://ibb.co/bSwgOd

also if i change this theme to website is online have to do lots of change , social media links , widgets ....
1. NEED SOME HELP? - This is the name of a footer menu. Here you can add such links as Contact Us, FAQs, Returns.
2. White line across the banner - Do you have Upsell enabled on your website? Please disable it (for a while) until the issue is fixed.
3. No product images in dropdown menu - Couldn't reproduce the issue on 2 test websites. And what is 'normal website'?
4. Category images - Images show up on hover.
5. Social media icons - They change color on hover. What's wrong with this?
 

Andre M

Active Member
Normal website is the the store I use to sell with all the plugins of alidropship.

Also see this slide dots.: https://prnt.sc/k86dxv

Social media i think something more atractive.

Menu why dont show normal website.
 
Last edited:

Ataya961

New Member
Yes, you'll need to adjust your customization settings (colors, images, etc.) when switching to Raphael.
Thanks Ekaterina!

Is there a way to change the Footer background color and the background color of the top menu where the "login" is located?

The products in the Category Menu is showcasing products from the import list instead of Published Products for me even when I am not logged in, it should only show published products.

Also is there a way to control which products to show in the Category Menu?
 
E

Ekaterina Sayapina

Guest
Normal website is the the store I use to sell with all the plugins of alidropship.

Also see this slide dots.: https://prnt.sc/k86dxv

Social media i think something more atractive.

Menu why dont show normal website.
1. The dots in the cross-sell section are affected by Upsell. That's why you might want to disable the add-on on your website from a while. We're fixing the layout issues caused by Upsell at the moment.
2. Please feel absolutely free to use your programming skills to make social media icons look more atractive.
3. It's really hard to say what is wrong with your menu from the screenshot. Could you send me a pm with your credentials? I'll give it a check.
 
E

Ekaterina Sayapina

Guest
Thanks Ekaterina!

Is there a way to change the Footer background color and the background color of the top menu where the "login" is located?

The products in the Category Menu is showcasing products from the import list instead of Published Products for me even when I am not logged in, it should only show published products.

Also is there a way to control which products to show in the Category Menu?
Thank you very much for bringing the import list bug to our attention!
The most popuar products are shown in your menu.
Yes, you can change footer and header color with CSS styles. For example, you can place these pieces of code in Customization => Head:

.top-panel {
background-color: your color;
}

.footer {
background-color: your color;
}
 

Andre M

Active Member
1. The dots in the cross-sell section are affected by Upsell. That's why you might want to disable the add-on on your website from a while. We're fixing the layout issues caused by Upsell at the moment.
2. Please feel absolutely free to use your programming skills to make social media icons look more atractive.
3. It's really hard to say what is wrong with your menu from the screenshot. Could you send me a pm with your credentials? I'll give it a check.
In test website show image of products in regural website dont show
 

ixtox

New Member
The Raphael looks very good! Many thanks for your work :)

Only one thing concerns me.

Products boxes in TOP SELLING PRODUCTS, BEST DEALS, NEW ARRIVALS on Homepage looks great and Zoom & glow hover effect. Eye-catching hover effect on product images is working so good.

But the same boxes in Category page and Cross-sell section look horrible. Stretched to 100% width in box, blurred and not sharp.
For example in Necklaces Category

Are you able to fix it and give them Homepage look?
 

Ataya961

New Member
Thank you very much for bringing the import list bug to our attention!
The most popuar products are shown in your menu.
Yes, you can change footer and header color with CSS styles. For example, you can place these pieces of code in Customization => Head:

.top-panel {
background-color: your color;
}

.footer {
background-color: your color;
}
Thanks for the CSS.
Another idea not a bug, at the moment the theme showcases the top 3 most popular items under all categories, it will be nice if there was an option to choose which items are displayed under each category instead of the same three items showing every where.
 

omktg

Active Member
The Raphael looks very good! Many thanks for your work :)

Only one thing concerns me.

Products boxes in TOP SELLING PRODUCTS, BEST DEALS, NEW ARRIVALS on Homepage looks great and Zoom & glow hover effect. Eye-catching hover effect on product images is working so good.

But the same boxes in Category page and Cross-sell section look horrible. Stretched to 100% width in box, blurred and not sharp.
For example in Necklaces Category

Are you able to fix it and give them Homepage look?

You are right @ixtox ,

I just checked out, and looks that the new theme is displaying the wrong img size on the category pages:

For example in the category page you mention [http://raphael.alidropship.com/necklaces/]
The theme displays this img size: 200*200

http://raphael.alidropship.com/wp-c...hon-Portrait-of-Baldassare--220x220.jpg?10000

That is why they look all blurry, because the theme is just resizing that little image to a bigger size, instead of serving the original.

But, if we look at the homepage [http://raphael.alidropship.com/]
The theme here is serving a bigger img size: 350*350

http://raphael.alidropship.com/wp-c...ss-Cabochon-Portrait-of-Baldassare-.jpg?10000

This is something that has to be fixed for sure.

@Ekaterina Sayapina

Another important thing to consider, is the TEXT SIZE. Currently the TEXT/FONT size is too small, on desktop and mobile phone + There is no way to change the FONT SIZE on previews themes too.

Some elements like titles look correctly, but other things like paragraph text and some other around the theme [and the others] like "Free Worldwide Shipping" are super small. and when you change devices... the paragraph/descriptions text look super small on mobile devices.

Screenshot_20180720-154811.png

Another thing that happened often while changing screen sizes, was that the "ADD TO CART" button disappears.

To test how my sites look on different devices and browsers i use a site called browser stack https://www.browserstack.com/screenshots
Of course i also use my mobile phone, desktop, laptop, and iPad to to test them too before a ppc campaign.
 
Last edited:

mushrukh

Member
@Ekaterina Sayapina the menu bar is insufficient i guess . and when I am arranging it properly it doesnt get saved or doesnt get changed .. for example if i have changed the sub category into another parent category it doesnt get changed
 
E

Ekaterina Sayapina

Guest
The Raphael looks very good! Many thanks for your work :)

Only one thing concerns me.

Products boxes in TOP SELLING PRODUCTS, BEST DEALS, NEW ARRIVALS on Homepage looks great and Zoom & glow hover effect. Eye-catching hover effect on product images is working so good.

But the same boxes in Category page and Cross-sell section look horrible. Stretched to 100% width in box, blurred and not sharp.
For example in Necklaces Category

Are you able to fix it and give them Homepage look?
You are right @ixtox ,

I just checked out, and looks that the new theme is displaying the wrong img size on the category pages:

For example in the category page you mention [http://raphael.alidropship.com/necklaces/]
The theme displays this img size: 200*200

http://raphael.alidropship.com/wp-c...hon-Portrait-of-Baldassare--220x220.jpg?10000

That is why they look all blurry, because the theme is just resizing that little image to a bigger size, instead of serving the original.

But, if we look at the homepage [http://raphael.alidropship.com/]
The theme here is serving a bigger img size: 350*350

http://raphael.alidropship.com/wp-c...ss-Cabochon-Portrait-of-Baldassare-.jpg?10000

This is something that has to be fixed for sure.

@Ekaterina Sayapina

Another important thing to consider, is the TEXT SIZE. Currently the TEXT/FONT size is too small, on desktop and mobile phone + There is no way to change the FONT SIZE on previews themes too.

Some elements like titles look correctly, but other things like paragraph text and some other around the theme [and the others] like "Free Worldwide Shipping" are super small. and when you change devices... the paragraph/descriptions text look super small on mobile devices.

View attachment 4902

Another thing that happened often while changing screen sizes, was that the "ADD TO CART" button disappears.

To test how my sites look on different devices and browsers i use a site called browser stack https://www.browserstack.com/screenshots
Of course i also use my mobile phone, desktop, laptop, and iPad to to test them too before a ppc campaign.
1. We'll fix this straightaway! Thanks for letting us know.
2. If font size looks small to you, please feel free to increase it in the .desc-header .text-shipping div class (FREE WORLDWIDE SHIPPING) and #shipping-collapse p, #shipping p, #specifics p, #why_buy-collapse p, #why_buy p (single product description). Anyway, we appreciate your feedback!
3. Not sure how to reproduce the Add to cart bug. Could you please explain one more time?
 
E

Ekaterina Sayapina

Guest
@Ekaterina Sayapina the menu bar is insufficient i guess . and when I am arranging it properly it doesnt get saved or doesnt get changed .. for example if i have changed the sub category into another parent category it doesnt get changed
I've reassigned one of my subcategories to another parent category without any troubles. Please make sure you've clicked th Update button to save changes. category-forum.png
 
Status
Not open for further replies.
Top